Kunan ang Buong Sukat ng Mga Screenshot sa Pag-scroll ng Webpage sa Chrome

Talaan ng mga Nilalaman:

Anonim

Nag-aalok ang Google Chrome browser ng dalawang paraan upang makuha ang buong laki ng mga screenshot ng webpage. Ito ay maaaring kailanganin o kapaki-pakinabang para sa maraming web worker, sila man ay mga developer, designer, editor, manager, manunulat, analyst, o halos anumang iba pang posibleng web-based na gig.

Ang mga diskarte na sasaklawin namin upang makuha ang buong laki ng mga screen shot ng webpage gamit ang Chrome ay nangangailangan ng buong bersyon ng Chrome para sa anumang desktop-level na device, na kinabibilangan ng Mac, Windows, Linux, at Chromebook.Walang kinakailangang mga plugin, dahil gagamit kami ng mga built-in na tool ng developer sa Chrome.

otong sinasaklaw namin ang Chrome browser dito para sa desktop. Maaari ka ring kumuha ng mga screenshot ng buong page gamit ang Firefox, Safari sa Mac, at Safari para sa iPhone at iPad, kung kailangan mo o gusto mo.

Paano Kumuha ng Buong Sukat na Mga Screenshot sa Pag-scroll sa Chrome

Handa ka nang kumuha ng buong laki ng screenshot ng isang webpage sa Chrome? Narito ang dapat gawin:

  1. Buksan ang Chrome Developer Tools (Tingnan ang > Developer > Developer Tools)
  2. I-click ang button na Responsive Design Mode sa drawer ng mga tool ng developer
  3. Mag-scroll pababa sa buong web page para mag-load ang lahat ng larawan (mahalaga ito para makakuha ng mga lazy-load na larawan, isang karaniwang pamamaraan na ginagamit upang mapabilis ang mga webpage)
  4. I-click ang tatlong patayong tuldok sa kanang sulok sa itaas ng tool na Responsive Design at piliin ang “Kuhanan ang buong laki ng screenshot”
  5. Lalabas ang buong laki ng screenshot sa iyong default na folder ng Chrome downloads

Sa Mac makikita mo ang buong laki ng screenshot ng webpage na available sa Mga Download ng User, maliban kung manu-mano mong binago iyon.

Mag-iiba-iba ang mga dimensyon ng na-capture na screenshot depende sa kung aling device ang pinili mo sa responsive mode, halimbawa kung pinili mo ang iPad Air at kumuha ng full sized scrolling screenshot ng osxdaily.com home page na maaaring ang iyong screenshot humigit-kumulang 2084 × 16439 pixels. Malinaw na mas mahabang istilo ang isang page o

Kung hindi ka mag-scroll sa buong web page, ang anumang lazy-load na mga larawan ay hindi kukunan ng screenshot, na ginagawang hindi kumpleto ang screenshot ng buong page at hindi kumakatawan sa kung ano ang nakikita ng user sa page.

Pagkuha ng Mga Screenshot ng Buong Pahina sa Chrome sa pamamagitan ng Console

Ang isa pang paraan upang kumuha ng mga screenshot ng buong page sa Chrome ay ang paggamit ng command ng developer console na 'Run', at i-type ang "screenshot", pagkatapos ay piliin na "Kunin ang buong laki ng screenshot" mula sa mga lalabas na opsyon. Tiyaking mag-scroll sa buong webpage bago gawin din ito.

Maaaring mas magandang opsyon ito para sa ilang user, ngunit medyo mas kumplikado ito para sa mga hindi gaanong pamilyar sa mga command line.

Mas madali ba ang mga paraang ito para sa Chrome kaysa sa available sa Safari para sa Mac gamit ang Mga Tool ng Developer? O ang napakasimpleng paraan ng pagkuha ng buong mga screenshot ng webpage sa Mac gamit ang Firefox? O ang mas madaling paraan ng pagkuha ng mga screenshot ng buong pahina gamit ang iPhone o iPad? Nasa sa iyo na magpasya, at malamang na depende rin ito sa kung anong browser ang pinakamadalas mong gamitin, at ang iyong kahusayan sa bawat isa sa kanila.

Kunan ang Buong Sukat ng Mga Screenshot sa Pag-scroll ng Webpage sa Chrome