Hlavná Google Chrome Vytvorte snímku obrazovky webovej stránky s rámom zariadenia v prehliadači Chrome

Vytvorte snímku obrazovky webovej stránky s rámom zariadenia v prehliadači Chrome



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.zariadenie-rám-v-akcii

Môžete to urobiť nasledovne.

  1. V prehliadači Chrome otvorte požadovanú stránku a stlačte kláves F12. Otvoria sa Nástroje pre vývojárov:winaero-com-blog-firefox-drops-all-npapi-plugins-okrem-flash-iphone-6
  2. Kliknutím na tlačidlo emulátora mobilného zariadenia prepnete režim vývojových nástrojov:
  3. Pod selektorom zariadenia vyberte niektoré zariadenie. Napríklad vyberiem iPhone 6:
  4. Teraz kliknite na ponuku 3 bodiek vpravo od selektora zariadenia a začiarknite možnosť „Zobraziť rám zariadenia“:
  5. 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.

Zaujímavé Články

Redakcia Choice

Bezpečný prehliadač Opera proti zrúteniu a zraniteľnostiam strašidla
Bezpečný prehliadač Opera proti zrúteniu a zraniteľnostiam strašidla
Ak ste používateľom Opery, môžete povoliť úplnú izoláciu stránok, aby ste získali dodatočnú ochranu proti zraniteľnostiam Meltdown a Spectre, ktoré sa nedávno našli v moderných procesoroch.
Recenzia Project Cars 2: Stále v boxoch
Recenzia Project Cars 2: Stále v boxoch
Projekt Cars 2 vychádza už niečo vyše štrnásť dní a recenzie sa zdajú byť prevažne pozitívne. Na povrchu je ľahké pochopiť prečo. Hra obsahuje 180 automobilov - o 18 viac ako GT Sport &
Zmeňte ikonu pripnutého priečinka v zozname Rýchly prístup v systéme Windows 10
Zmeňte ikonu pripnutého priečinka v zozname Rýchly prístup v systéme Windows 10
Ikonu pripnutého priečinka viditeľnú v priečinku Rýchly prístup v Prieskumníkovi súborov vo Windows 10 môžete zmeniť. Tu je postup, ako to urobiť.
Žiadna služba alebo sieťové pripojenie na iPhone 6S
Žiadna služba alebo sieťové pripojenie na iPhone 6S
Celý zmysel mať iPhone alebo iný mobilný telefón je byť schopný zostať v kontakte s ostatnými a používať ho, aby ste mali vždy spojenie s ostatnými vo svete, nech ste kdekoľvek. Avšak my
Recenzia AVG Antivirus Free Edition 8.0
Recenzia AVG Antivirus Free Edition 8.0
AVG Antivirus Free Edition 8.0 obsahuje novú funkciu LinkScanner a vidí veľkú revíziu používateľského rozhrania. Nové používateľské rozhranie je niečo ako odľahčenie; za šesť rokov bol softvér k dispozícii opakovane
Ako opraviť SYSTEM_THREAD_EXCEPTION_NOT_HANDLED v systéme Windows 10
Ako opraviť SYSTEM_THREAD_EXCEPTION_NOT_HANDLED v systéme Windows 10
Chyby, ktoré sa netýkajú spracovaných systémových vlákien, sa zvyčajne vyskytujú pri štarte počítača a zvyčajne vedú k modrej obrazovke smrti. Odtiaľ váš počítač zvyčajne vstúpi do reštartovacej slučky, kde to robí znova a znova.
Ako ukladať videá TikTok do priečinka z fotoaparátu
Ako ukladať videá TikTok do priečinka z fotoaparátu
TikTok je momentálne jednou z najpopulárnejších aplikácií a neustále sa rozširuje. Môžete sa spojiť s miliónmi ľudí a sledovať ich videá. Počet videí na tejto gigantickej platforme je tiež v stovkách