Napravite snimku zaslona web stranice s okvirom uređaja u Chromeu

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.

1. Otvorite željenu stranicu u Chromeu i pritisnite F12. Ovo će otvoriti alate za programere:
2. Kliknite gumb emulatora mobilnog uređaja da biste prebacili način alata za programere:
3. Ispod birača uređaja odaberite neki uređaj. Na primjer, odabrat ću iPhone 6:
4. Sada kliknite izbornik s 3 točke s desne strane izbornika uređaja i označite opciju 'Prikaži okvir uređaja':
5. 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.