Yuav ua li cas thaij duab ntawm Google Chrome Siv Cov Cuab Yeej Dev

Cov txheej txheem:

Yuav ua li cas thaij duab ntawm Google Chrome Siv Cov Cuab Yeej Dev
Yuav ua li cas thaij duab ntawm Google Chrome Siv Cov Cuab Yeej Dev
Anonim

Yuav Paub

  • Nyob rau PC: Nias Ctrl + Ua haujlwm + I ces Ctrl + Ua haujlwm P.
  • Mac: Xovxwm Command + Option + I then Command + Shift P.
  • Cia li ntaus "screenshot" kom pom plaub qhov kev xaiv screenshot.

Kab lus no piav qhia yuav ua li cas ntes cov screenshots hauv Chrome siv cov cuab yeej tsim tawm.

Yuav ua li cas Siv Chrome's Developer Tools los thaij duab

Qhov txawv ntawm kev siv lub Print Screen key thiab Chrome cuab yeej yog tias Chrome screenshot tool tsis suav nrog Chrome browser qhov rai ciam teb-tsuas yog nplooj ntawv web cov ntsiab lus. Yog tias koj xav ntes tsuas yog nplooj ntawv cov ntsiab lus tsis tau kho koj cov screenshots, cov cuab yeej tsim tawm tuaj yeem txuag koj ib kauj ruam.

Koj tuaj yeem siv cov ntawv qhia zaub mov lossis cov keyboard shortcuts kom nkag mus rau cov cuab yeej tsim tawm.

  1. Nias Ctrl + Ua haujlwm + I ntawm lub PC, lossis Command + Option + I ntawm Mac. Xwb, nyem rau ntawm peb lub cim qhia zaub mov thiab xaiv Ntau cov cuab yeej > Cov cuab yeej tsim tawmUa qhov no qhib lub Element Inspector tus tsim tawm cov ntawv qhia, uas qhia cov nplooj ntawv web. HTML coding.

    Image
    Image
  2. Tom qab ntawd, nias Ctrl + Ua haujlwm P (PC) lossis Command + Shift P (Mac) lossis nyem rau peb lub cim zaub mov rau Customize And Control DevTools thiab xaiv Run Command.

    Image
    Image

    Rau ib lub screenshot lossis tag nrho loj nkaus xwb, nyem rau ntawm peb lub cim zaub mov nyob rau sab saum toj ntawm nplooj ntawv koj xav ntes thiab xaiv Capture screenshot lossis Khaws daim ntawv loj loj tag nrho.

  3. Hom "screenshot" kom pom cov kev xaiv screenshot, uas yog:

    • ntes thaj chaw screenshot
    • Capture full size screenshot
    • Capture node screenshot
    • Capture screenshot
    Image
    Image
  4. Scroll cia los xaiv hom screenshot koj xav ntes siv koj tus nas lossis tus xub yuam sij ntawm koj cov keyboard.

Chrome Developer Screenshot Options

Xaiv ntes thaj chaw screenshot txhawm rau tuav ib feem ntawm lub vijtsam. Siv koj tus nas rub lub thawv nyob ib ncig ntawm thaj chaw koj xav tau screenshot.

Txhawm rau kom tau txais ib qho screenshot ntawm tag nrho nplooj ntawv web, xaiv Capture full size screenshot. Qhov kev xaiv no tso cai rau koj kom tau txais cov duab ntawm nplooj ntawv web uas tsis haum rau ib qho screen.

qhov kev xaiv no tau sib xyaw cov txiaj ntsig hauv peb qhov kev sim, nyob ntawm lub vev xaib.

Yog tias koj xav tau tus qauv screenshot, xaiv Capture screenshot, uas rub qhov pom ntawm koj lub vijtsam.

Thaum kawg, koj tuaj yeem tau txais lub screenshot ntawm lub ntsiab lus HTML los ntawm kev xaiv Capture node screenshot.

Tom qab koj ntes lub screenshot, koj yuav tau txais lub thawv Txuag. Xaiv ib daim nplaub tshev thiab muab koj lub screenshot rau lub npe file. Tag nrho cov screenshots ntes siv cov cuab yeej tsim tawm kuj muaj nyob hauv Chrome tus thawj tswj rub tawm.

Pom zoo: