Tee kuvakaappaus verkkosivusta laitekehyksellä Chromessa

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

Chrome-kehittäjätyökaluissa on erityinen työkalu, jonka avulla voit jäljitellä mobiililaitetta. Kehittäjille on erittäin hyödyllistä tarkistaa, miltä heidän verkkosivustonsa näyttävät älypuhelimista ja pieninäyttöisistä laitteista. 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 laitemulaattorissa, käyttäjä voi kaapata kuvakaappauksen sivusta. On myös mahdollista ottaa 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än työkalut:
2. Napsauta mobiililaitteen emulaattorin painiketta vaihtaaksesi Kehittäjätyökalut-tilaan:
3. Valitse laitevalitsimen alla jokin laite. Esimerkiksi valitsen iPhone 6:
4. Napsauta nyt 3 pisteen valikkoa laitevalitsimen oikealla puolella ja valitse vaihtoehto Näytä laitteen kehys.
5. Voila, nyt verkkosivusi näkyy mukavassa laitekehyksessä:
   
   Napsauta nyt kolmen pisteen valikkoa uudelleen ja valitse 'Ota kaappa kuvakaappaus':

Tulos on seuraava:

Olet valmis.