Menej známou vlastnosťou prehliadača Google Chrome v operačných systémoch Desktop je schopnosť zachytiť snímku obrazovky otvorenej stránky, akoby sa snímka obrazovky týkala prehliadača bežiaceho na mobilnom zariadení. Môže dokonca pridať rámik okolo snímky obrazovky, aby vyzerala ako realistická fotografia smartfónu. Takto sa to dá urobiť.
V Nástrojoch pre vývojárov Chrome existuje špeciálny nástroj, ktorý umožňuje emulovať mobilné zariadenie. Pre vývojárov je veľmi užitočné skontrolovať, ako vyzerajú ich webové stránky na smartfónoch a zariadeniach s malou obrazovkou. Umožňuje určiť vlastnú veľkosť obrazovky alebo použiť preddefinované veľkosti zariadení, ako sú iPhone, iPad, Nexus alebo Samsung Galaxy. Keď sa otvorená stránka zobrazí v emulátore zariadenia, môže užívateľ nasnímať snímku obrazovky stránky. Je tiež možné povoliť okolo stránky rám zariadenia, takže bude vyzerať ako realistická fotografia.
Môžete to urobiť nasledovne.
- V prehliadači Chrome otvorte požadovanú stránku a stlačte kláves F12. Otvoria sa Nástroje pre vývojárov:
- Kliknutím na tlačidlo emulátora mobilného zariadenia prepnete režim vývojových nástrojov:
- Pod selektorom zariadenia vyberte niektoré zariadenie. Napríklad vyberiem iPhone 6:
- Teraz kliknite na ponuku 3 bodiek vpravo od selektora zariadenia a začiarknite možnosť „Zobraziť rám zariadenia“:
- Voila, teraz sa vaša webová stránka zobrazuje v peknom ráme zariadenia:
Teraz znova kliknite na ponuku troch bodiek a vyberte možnosť „Nasnímať snímku obrazovky“:
Výsledok bude nasledovný:
Skončil si.