Zachyťte v prehliadači Chrome snímky rolovania webovej stránky v plnej veľkosti

Obsah:

Anonim

Prehliadač Google Chrome ponúka dva spôsoby snímania snímok webových stránok v plnej veľkosti. To môže byť potrebné alebo užitočné pre mnohých webových pracovníkov, či už sú to vývojári, dizajnéri, redaktori, manažéri, spisovatelia, analytici alebo takmer akýkoľvek iný možný webový koncert.

Prístupy, ktorými sa budeme zaoberať zachytením snímok obrazovky webových stránok v plnej veľkosti pomocou prehliadača Chrome, si vyžadujú plnú verziu prehliadača Chrome pre akékoľvek zariadenie na úrovni stolného počítača vrátane počítačov Mac, Windows, Linux a Chromebook.Nevyžadujú sa žiadne doplnky, pretože v prehliadači Chrome budeme používať vstavané nástroje pre vývojárov.

poznamenávame, že sa tu zaoberáme prehliadačom Chrome pre počítače. Ak to potrebujete alebo chcete, môžete tiež urobiť snímky obrazovky celej stránky pomocou prehliadača Firefox, Safari na Macu a Safari pre iPhone a iPad.

Ako nasnímať v prehliadači Chrome rolovacie snímky v plnej veľkosti

Ste pripravení zachytiť snímku obrazovky webovej stránky v plnej veľkosti v prehliadači Chrome? Tu je postup:

  1. Otvoriť nástroje pre vývojárov prehliadača Chrome (zobraziť > Vývojárske > Nástroje pre vývojárov)
  2. Kliknite na tlačidlo Režim responzívneho dizajnu v zásuvke nástrojov pre vývojárov
  3. Posuňte sa nadol cez celú webovú stránku, aby sa načítali všetky obrázky (toto je dôležité na zachytenie obrázkov s pomalým načítavaním, čo je bežná technika používaná na zrýchlenie webových stránok)
  4. Kliknite na tri zvislé bodky v pravom hornom rohu nástroja Responzívny dizajn a vyberte možnosť „Nasnímať snímku obrazovky v plnej veľkosti“
  5. Snímka obrazovky v plnej veľkosti sa zobrazí vo vašom predvolenom priečinku stiahnutých súborov v prehliadači Chrome

Na počítačoch Mac nájdete snímku obrazovky webovej stránky v plnej veľkosti, ktorá je k dispozícii v časti Používateľské sťahovanie, pokiaľ ste to ručne nezmenili.

Rozmery nasnímanej snímky obrazovky sa budú líšiť v závislosti od toho, ktoré zariadenie ste si vybrali v responzívnom režime, napríklad ak ste si vybrali iPad Air a nasnímali rolovaciu snímku obrazovky domovskej stránky osxdaily.com v plnej veľkosti, vaša snímka môže byť približne 2084 × 16439 pixelov. Je zrejmé, že dlhší štýl stránky alebo

Ak neposúvate celú webovú stránku, snímka obrazovky nezachytí žiadne lenivo načítané obrázky, takže snímka celej stránky nebude úplná a nebude reprezentovať to, čo používateľ vidí na stránke.

Zachytenie snímok obrazovky celej stránky v prehliadači Chrome prostredníctvom konzoly

Ďalším spôsobom, ako v prehliadači Chrome vytvoriť snímky obrazovky celej stránky, je použiť príkaz Spustiť v konzole vývojára a zadať „snímka obrazovky“ a potom zo zobrazených možností vybrať možnosť „Zachytiť snímku obrazovky v plnej veľkosti“. Predtým, než to urobíte, nezabudnite si prelistovať celú webovú stránku.

Toto môže byť pre niektorých používateľov lepšia možnosť, ale pre tých, ktorí menej poznajú príkazové riadky, je to o niečo zložitejšie.

Sú tieto metódy pre Chrome jednoduchšie ako tie, ktoré sú dostupné v Safari pre Mac s nástrojmi pre vývojárov? Alebo super jednoduchý spôsob vytvárania snímok obrazovky celej webovej stránky na Macu s Firefoxom? Alebo ešte jednoduchší spôsob snímania celostránkových snímok obrazovky pomocou iPhonu alebo iPadu? Je na vás, aby ste sa rozhodli, a pravdepodobne to závisí aj od toho, aký prehliadač používate najčastejšie, a od vašej znalosti každého z nich.

Zachyťte v prehliadači Chrome snímky rolovania webovej stránky v plnej veľkosti