Как да направите екранна снимка в Google Chrome с помощта на инструменти за програмисти

Съдържание:

Как да направите екранна снимка в Google Chrome с помощта на инструменти за програмисти
Как да направите екранна снимка в Google Chrome с помощта на инструменти за програмисти
Anonim

Какво да знаете

  • На компютър: Натиснете Ctrl + Shift + I след това Ctrl + Shift P.
  • Mac: Натиснете Command + Option + I след това Command + Shift P.
  • След това въведете „екранна снимка“, за да видите четирите опции за екранна снимка.

Тази статия обяснява как да правите екранни снимки в Chrome с помощта на инструменти за разработчици.

Как да използвате инструментите за разработчици на Chrome, за да правите екранни снимки

Разликата между използването на клавиша Print Screen и инструмента на Chrome е, че инструментът за екранни снимки на Chrome не включва границите на прозореца на браузъра Chrome, а само съдържанието на уеб страницата. Ако искате да заснемете само съдържанието на страницата, без да редактирате вашите екранни снимки, инструментите за програмисти могат да ви спестят стъпка.

Можете да използвате менюта или клавишни комбинации за достъп до инструментите за разработчици.

  1. Натиснете Ctrl + Shift + I на компютър или Command + Option + I на Mac. Друга възможност е да щракнете върху иконата на менюто с три точки и да изберете More tools > Developer tools Правейки това, отваряте менюто за разработчици на Element Inspector, което показва уеб страницата HTML кодиране.

    Image
    Image
  2. След това натиснете Ctrl + Shift P (PC) или Command + Shift P (Mac) или щракнете върху менюто с три точки за Персонализиране и управление на DevTools и изберете Изпълнение на команда.

    Image
    Image

    Само за екранна снимка с обикновен или пълен размер, щракнете върху иконата на менюто с три точки в горната част на страницата, която искате да заснемете, и изберете Заснемане на екранна снимка или Заснемане на екранна снимка в пълен размер.

  3. Въведете „екранна снимка“, за да видите опциите за екранна снимка, които са:

    • Заснемане на екранна снимка на зоната
    • Заснемане на екранна снимка в пълен размер
    • Заснемане на екранна снимка на възел
    • Заснемане на екранна снимка
    Image
    Image
  4. Превъртете надолу, за да изберете типа екранна снимка, която искате да заснемете с помощта на мишката или клавишите със стрелки на клавиатурата.

Опции за екранни снимки за програмисти на Chrome

Изберете Заснемане на екранна снимка на областта, за да вземете част от екрана. Използвайте мишката, за да плъзнете поле около областта, която искате да направите екранна снимка.

За да получите екранна снимка на цяла уеб страница, изберете Заснемане на екранна снимка в пълен размер. Тази опция ви позволява да получите изображение на уеб страница, която не се побира удобно на един екран.

Тази опция имаше смесени резултати при нашето тестване, в зависимост от уебсайта.

Ако искате стандартна екранна снимка, изберете Заснемане на екранна снимка, която хваща това, което се вижда на екрана ви.

Накрая можете да получите екранна снимка на HTML елемент, като изберете Заснемане на екранна снимка на възел.

След като заснемете екранна снимка, ще получите диалогов прозорец Запазване. Изберете папка и дайте име на файл на вашата екранна снимка. Всички екранни снимки, заснети с помощта на инструменти за разработчици, също са достъпни в мениджъра за изтегляне на Chrome.

Препоръчано: