Paano Kumuha ng Isang Screenshot ng Website Na May Mga Tiyak na Dimensyon Gamit ang Google Chrome

Paano Kumuha ng isang Screenshot sa Google Chrome

Kung ikaw ay isang ahensya o isang kumpanya na may isang portfolio ng mga site o pahina na nais mong ibahagi sa online, marahil ay dumanas ka ng sakit ng pagsubok na kumuha ng uniporme mga screenshot ng bawat isa sa mga site.

Ang isa sa mga kliyente na nakikipagtulungan kami sa mga build ay naka-host Mga solusyon sa intranet na maaaring ma-host sa loob ng loob ng mga sakop ng isang kumpanya. Ang mga intranet ay hindi kapani-paniwalang kapaki-pakinabang para sa mga kumpanya upang maipaabot ang mga balita ng kumpanya, ipamahagi ang impormasyon sa marketing, magbigay ng impormasyon ng mga benepisyo, atbp.

Tinulungan naming ilipat ng OnSemble ang kanilang solusyon sa Intranet mula sa website ng kanilang kumpanya ng magulang. Ito ay isang malawak na proyekto na isinama ang lahat mula sa pagbuo ng mga bagong profile sa lipunan, pag-update sa Marketo, at pagkatapos ay pag-disassemble ng ilang pasadyang pagpapaunlad na nagawa nila noon upang pagsamahin ang kanilang mga site.

Mga Client Screenshot Gamit ang Google Chrome

Maaaring hindi mo namalayan ito, ngunit maaari kang makakuha ng mga perpektong screenshot gamit ang built-in na hanay ng mga matatag na tool ng developer ng Google Chrome. Nakakatuwa, hindi ito isang kilalang tampok sa kabila ng pagkakaroon nito ng kamangha-manghang kakayahang umangkop.

Narito ang isang mabilis na tutorial sa video sa kung paano kumuha ng isang perpektong, partikular na sukat, screenshot ng isang web page gamit ang Google Chrome:

Mga Hakbang Upang Kumuha ng Isang Screenshot Sa Google Chrome

Ang Mga Tool ng Developer ng Google Chrome ay may pagpipilian na i-preview ang isang site gamit ang toolbar ng aparato. Ang tool ay itinayo upang makita ng mga developer kung paano ang site ay tumingin sa iba't ibang laki ng viewport sa iba't ibang mga aparato ... ngunit nangyayari ding ito ay isang perpektong paraan upang makakuha ng isang perpektong laki ng screenshot ng isang web page.

Sa kasong ito, nais namin ang bawat pangunahing key ng OnSemble sa mga industriya na nagtayo ng mga magagandang site ng Intranet na kumuha ng isang screenshot upang maipakita namin silang lahat sa loob ng isang portfolio sa kanilang website. Nais naming ang mga pahina ay maging 1200px ang lapad ng 800px taas. Upang magawa ito:

  1. Sa kanang pindutan sa nabigasyon (3 patayong mga tuldok), piliin ang Ipasadya at Kontrolin ang Menu.

Menu ng Mga Tool ng Developer kasama ang Google Chrome

  1. piliin Higit pang Mga Tool> Mga Tool ng Developer

Mga Tool ng Developer kasama ang Google Chrome

  1. I-toggle ang Toolbar ng Device upang ilabas ang mga pagpipilian at sukat ng aparato.

I-toggle ang Toolbar ng Device Sa Google Chrome

  1. Itakda ang unang pagpipilian sa Tumutugon, pagkatapos ay itakda ang mga sukat sa 1200 x 800 at pindutin ang enter. Ipapakita na ang pahina kasama ang mga sukat na iyon.

Tumutugon sa Toolbar ng Device na Google Chrome

  1. Sa kanang bahagi ng Device Toolbar, i-click ang pindutang nabigasyon (3 patayong mga tuldok) at piliin ang Kunan ang Screenshot.

Kunan ang Screenshot gamit ang Google Chrome

  1. Dadalhin ng Google Chrome ang isang perpektong screenshot at i-drop ito sa iyong Downloads folder kung saan maaari mong i-attach at ipadala ito sa isang email. Siguraduhing hindi pumili ng buong sukat ng screenshot dahil kukuha ng buong haba ng pahina at balewalain ang iyong limitasyon sa taas.

Mga Shortcut sa Google Chrome Keyboard para sa Mga Screenshot

Kung ikaw ay isang master ng shortcut sa keyboard, maaari ka ring kumuha ng isang full-page na screenshot kasama ang mga shortcut na ito. Hindi ko gusto ang pamamaraang ito dahil hindi ko maitatakda ang maximum na taas ng viewport ... ngunit magagamit ito kung kailangan mo ng isang screenshot ng isang buong pahina.

Mga Shortcut sa Keyboard sa isang Mac:

1. Alt + Command + I 
2. Command + Shift + P

Naka-on ang Mga Shortcut sa Keyboard sa Windows o Linux:

1. Ctrl + Shift + I 
2. Ctrl + Shift + P

Ano sa tingin ninyo?

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.