Naredite posnetek zaslona spletne strani z okvirjem naprave v Chromu
Manj znana značilnost operacijskega sistema Google Chrome v namiznih operacijskih sistemih je zmožnost zajemanja posnetka zaslona odprte strani, kot da je posnetek zaslona brskalnika, ki se izvaja v mobilni napravi. Okoli posnetka zaslona lahko celo doda okvir, tako da je videti kot realistična fotografija pametnega telefona. Tukaj je, kako je to mogoče storiti.
V orodjih za razvijalce za Chrome je posebno orodje, ki omogoča posnemanje mobilne naprave. Za razvijalce je zelo koristno preveriti, kako so njihova spletna mesta videti na pametnih telefonih in napravah z majhnim zaslonom. Omogoča določitev velikosti zaslona po meri ali uporabo vnaprej določenih velikosti naprav, kot so iPhone, iPad, Nexus ali Samsungov Galaxy. Ko je odprta stran prikazana v emulatorju naprave, lahko uporabnik posname posnetek zaslona strani. Prav tako je mogoče omogočiti okvir naprave okoli strani, tako da bo videti kot realistična fotografija.
To lahko storite na naslednji način.
- Odprite želeno stran v Chromu in pritisnite F12. S tem se odprejo orodja za razvijalce:
- Kliknite gumb emulatorja mobilne naprave, da preklopite način orodij za razvijalce:
- Pod izbirnikom naprav izberite neko napravo. Na primer, izbral bom iPhone 6:
- Zdaj kliknite meni s 3 pikami na desni strani izbirnika naprave in označite možnost »Pokaži okvir naprave«:
- Voila, zdaj je vaša spletna stran prikazana v lepem okvirju naprave:
Zdaj znova kliknite meni s tremi pikami in izberite »Zajemi posnetek zaslona«:
Rezultat bo naslednji: