Tee kuvakaappaus verkkosivusta, jossa on laitekehys Chromessa

Google Chromen työpöytäkäyttöjärjestelmissä vähemmän tunnettu ominaisuus on kyky kaapata kuvakaappaus avatusta sivusta ikään kuin otettu kuvakaappaus olisi mobiililaitteen selaimesta. Se voi jopa lisätä kehyksen kuvakaappauksen ympärille, jotta se näyttää realistiselta valokuvalta älypuhelimesta. Näin se voidaan tehdä.

Chrome Developer Toolsissa on erityinen työkalu, jonka avulla voit emuloida mobiililaitetta. Kehittäjille on erittäin hyödyllistä tarkistaa, miltä heidän verkkosivustonsa näyttävät älypuhelimilla ja pieninäyttöisillä laitteilla. Sen avulla voit määrittää mukautetun näytön koon tai käyttää ennalta määritettyjä laitekokoja, kuten iPhone, iPad, Nexus tai Samsungin Galaxy. Kun avattu sivu näkyy laitteen emulaattorissa, käyttäjä voi ottaa sivusta kuvakaappauksen. On myös mahdollista ottaa käyttöön laitekehys sivun ympärille, jotta se näyttää realistiselta valokuvalta.

Voit tehdä sen seuraavasti.

1. Avaa haluamasi sivu Chromessa ja paina F12. Tämä avaa Kehittäjätyökalut:
2. Napsauta mobiililaitteen emulaattoripainiketta vaihtaaksesi Developer Tools -tilan:
3. Valitse laitevalitsimen alta jokin laite. Valitsen esimerkiksi iPhone 6:n:
4. Napsauta nyt laitevalitsimen oikealla puolella olevaa 3 pisteen valikkoa ja valitse "Näytä laitekehys":
5. Voila, nyt verkkosivusi näkyy mukavan laitekehyksen sisällä:
   
   Napsauta nyt kolmen pisteen valikkoa uudelleen ja valitse "Kaappaa kuvakaappaus":

Tulos tulee olemaan seuraava:

Olet valmis.