Paano Kumuha ng Screenshot sa Google Chrome Gamit ang Dev Tools

Talaan ng mga Nilalaman:

Paano Kumuha ng Screenshot sa Google Chrome Gamit ang Dev Tools
Paano Kumuha ng Screenshot sa Google Chrome Gamit ang Dev Tools
Anonim

Ano ang Dapat Malaman

  • Sa PC: Pindutin ang Ctrl + Shift + I pagkatapos ay Ctrl + Shift P.
  • Mac: Pindutin ang Command + Option + I pagkatapos ay Command + Shift P.
  • Pagkatapos ay i-type ang "screenshot" para makita ang apat na opsyon sa screenshot.

Ipinapaliwanag ng artikulong ito kung paano kumuha ng mga screenshot sa Chrome gamit ang mga tool ng developer.

Paano Gamitin ang Mga Tool ng Developer ng Chrome para Kumuha ng Mga Screenshot

Ang pagkakaiba sa pagitan ng paggamit ng Print Screen key at ng Chrome tool ay hindi kasama sa tool ng screenshot ng Chrome ang mga hangganan ng window ng Chrome browser-ang nilalaman lamang ng web page. Kung nais mong makuha lamang ang nilalaman ng pahina nang hindi ine-edit ang iyong mga screenshot, ang mga tool ng developer ay makakapagtipid sa iyo ng isang hakbang.

Maaari kang gumamit ng mga menu o keyboard shortcut para ma-access ang mga tool ng developer.

  1. Pindutin ang Ctrl + Shift + I sa isang PC, o Command + Option + I sa isang Mac. Bilang kahalili, i-click ang icon ng menu na may tatlong tuldok at piliin ang Higit pang mga tool > Mga tool ng developer Ang paggawa nito ay magbubukas sa menu ng developer ng Element Inspector, na nagpapakita ng web page HTML coding.

    Image
    Image
  2. Pagkatapos, pindutin ang Ctrl + Shift P (PC) o Command + Shift P (Mac) o i-click ang three-dot menu para sa Customize And Control DevTools at piliin ang Run Command.

    Image
    Image

    Para sa isang regular o full size na screenshot lang, i-click ang icon ng menu na may tatlong tuldok sa itaas ng page na gusto mong makuha at piliin ang Capture screenshot o Kunan ang buong laki ng screenshot.

  3. I-type ang "screenshot" para makita ang mga opsyon sa screenshot, na:

    • Capture area screenshot
    • Kuhanan ang buong laki ng screenshot
    • Capture node screenshot
    • Kuhanan ang screenshot
    Image
    Image
  4. Mag-scroll pababa upang piliin ang uri ng screenshot na gusto mong makuha gamit ang iyong mouse o ang mga arrow key sa iyong keyboard.

Mga Opsyon sa Screenshot ng Developer ng Chrome

Piliin ang Capture area screenshot para kunin ang bahagi ng screen. Gamitin ang iyong mouse upang mag-drag ng isang kahon sa paligid ng lugar na gusto mong i-screenshot.

Upang makakuha ng screenshot ng isang buong web page, piliin ang Kuhanan ang buong laki ng screenshot. Hinahayaan ka ng opsyong ito na makakuha ng larawan ng isang web page na hindi kumportable sa isang screen.

Ang opsyong ito ay may magkahalong resulta sa aming pagsubok, depende sa website.

Kung gusto mo ng karaniwang screenshot, piliin ang Capture screenshot, na kumukuha kung ano ang nakikita sa iyong screen.

Sa wakas, maaari kang makakuha ng screenshot ng HTML element sa pamamagitan ng pagpili sa Capture node screenshot.

Pagkatapos mong kumuha ng screenshot, makakakuha ka ng dialog box na I-save. Pumili ng folder at bigyan ang iyong screenshot ng filename. Lahat ng screenshot na nakunan gamit ang mga tool ng Developer ay available din sa download manager ng Chrome.

Inirerekumendang: