Ինչպես նկարահանել սքրինշոթ Google Chrome-ում՝ օգտագործելով Dev Tools

Բովանդակություն:

Ինչպես նկարահանել սքրինշոթ Google Chrome-ում՝ օգտագործելով Dev Tools
Ինչպես նկարահանել սքրինշոթ Google Chrome-ում՝ օգտագործելով Dev Tools
Anonim

Ինչ իմանալ

  • Համակարգչի վրա. սեղմեք Ctrl + Shift + I, ապա Ctrl + Shift P.
  • Mac. Սեղմեք Command + Option + I ապա Command + Shift P.
  • Այնուհետև մուտքագրեք «screenshot»՝ սքրինշոթի չորս տարբերակները տեսնելու համար:

Այս հոդվածը բացատրում է, թե ինչպես կարելի է սքրինշոթեր նկարել Chrome-ում՝ մշակողների գործիքների միջոցով:

Ինչպես օգտագործել Chrome-ի ծրագրավորողների գործիքները՝ սքրինշոթներ անելու համար

Տպել էկրանի ստեղնաշարի և Chrome գործիքի օգտագործման տարբերությունն այն է, որ Chrome սքրինշոթ գործիքը չի ներառում Chrome դիտարկիչի պատուհանի եզրագծերը, այլ միայն վեբ էջի բովանդակությունը:Եթե ցանկանում եք նկարահանել միայն էջի բովանդակությունը՝ առանց ձեր սքրինշոթերը խմբագրելու, մշակողի գործիքները կարող են ձեզ մեկ քայլ խնայել:

Դուք կարող եք օգտագործել ընտրացանկերը կամ ստեղնաշարի դյուրանցումները ծրագրավորողների գործիքներին մուտք գործելու համար:

  1. Սեղմեք Ctrl + Shift + I համակարգչի վրա կամ Command + Option + I Mac-ում: Որպես այլընտրանք, սեղմեք երեք կետանոց ընտրացանկի պատկերակը և ընտրեք Լրացուցիչ գործիքներ > Developer tools Դա անելով բացվում է Element Inspector մշակողի ընտրացանկը, որը ցույց է տալիս վեբ էջի HTML կոդավորում։

    Image
    Image
  2. Այնուհետև սեղմեք Ctrl + Shift P (PC) կամ Command + Shift P (Mac) կամ սեղմեք երեք կետանոց մենյու: Անհատականացնել և կառավարել DevTools-ի համար և ընտրել Գործարկել հրաման:

    Image
    Image

    Միայն սովորական կամ լրիվ չափի սքրինշոթի համար կտտացրեք այն էջի վերևում գտնվող երեք կետանոց մենյուի պատկերակին և ընտրեք Սքրինշոթ կամ Լուսանկարեք լրիվ չափի սքրինշոթ.

  3. Մուտքագրեք «screenshot»՝ սքրինշոթի տարբերակները տեսնելու համար, որոնք են՝

    • Ստորագրել տարածքի սքրինշոթ
    • Ստեղծել ամբողջ չափի սքրինշոթ
    • Ստորագրել հանգույցի սքրինշոթ
    • Ստորագրել սքրինշոթ
    Image
    Image
  4. Ոլորեք ներքև՝ ընտրելու սքրինշոթի տեսակը, որը ցանկանում եք նկարել՝ օգտագործելով մկնիկի կամ ստեղնաշարի սլաքների ստեղները:

Chrome Developer Screenshot Ընտրանքներ

Ընտրեք Սևեռել տարածքի սքրինշոթ՝ էկրանի մի մասը գրավելու համար: Օգտագործեք ձեր մկնիկը՝ վանդակը քաշելու այն տարածքի շուրջը, որը ցանկանում եք նկարել:

Ողջ վեբ էջի սքրինշոթ ստանալու համար ընտրեք Ստեղծել ամբողջ չափի սքրինշոթ: Այս տարբերակը թույլ է տալիս ստանալ վեբ էջի պատկեր, որը հարմարավետորեն չի տեղավորվում մեկ էկրանին:

Այս տարբերակը տարբեր արդյունքներ է ունեցել մեր թեստավորման ժամանակ՝ կախված կայքից:

Եթե ցանկանում եք ստանդարտ սքրինշոթ, ընտրեք Ստորագրել սքրինշոթ, որը գրավում է այն, ինչ տեսանելի է ձեր էկրանին:

Վերջապես, դուք կարող եք ստանալ HTML տարրի սքրինշոթ՝ ընտրելով Capture node screenshot:

Սքրինշոթ նկարելուց հետո դուք կստանաք Պահպանել երկխոսության տուփ: Ընտրեք թղթապանակ և ձեր սքրինշոթին տվեք ֆայլի անուն: Մշակողի գործիքների միջոցով արված բոլոր սքրինշոթները հասանելի են նաև Chrome-ի ներբեռնման մենեջերում:

Խորհուրդ ենք տալիս: