Manje poznata značajka Google Chromea na operacijskim sustavima Desktop je sposobnost snimanja snimke zaslona otvorene stranice kao da je snimljena snimka zaslona preglednika pokrenutog na mobilnom uređaju. Može dodati i okvir oko snimke zaslona, tako da izgleda kao realna fotografija pametnog telefona. Evo kako se to može učiniti.
U Chrome Developer Tools postoji poseban alat koji vam omogućuje oponašanje mobilnog uređaja. Programerima je vrlo korisno provjeriti kako njihove web stranice izgledaju na pametnim telefonima i uređajima s malim ekranom. Omogućuje određivanje prilagođene veličine zaslona ili korištenje unaprijed definiranih veličina uređaja kao što su iPhone, iPad, Nexus ili Samsungov Galaxy. Jednom kada se otvorena stranica prikaže u emulatoru uređaja, korisnik može snimiti snimku zaslona stranice. Također je moguće omogućiti okvir uređaja oko stranice, tako da će izgledati kao realistična fotografija.
Možete to učiniti na sljedeći način.
- Otvorite željenu stranicu u Chromeu i pritisnite F12. Ovo će otvoriti alate za programere:
- Kliknite gumb emulatora mobilnog uređaja da biste prebacili način alata za programere:
- Ispod birača uređaja odaberite neki uređaj. Na primjer, odabrat ću iPhone 6:
- Sada kliknite izbornik s 3 točke s desne strane izbornika uređaja i označite opciju 'Prikaži okvir uređaja':
- Voila, sada se vaša web stranica prikazuje u lijepom okviru uređaja:
Sada ponovno kliknite izbornik s tri točke i odaberite 'Snimite snimku zaslona':
Rezultat će biti sljedeći:
Ti si gotov.
