Некоторые преимущества использования Chrome DevTools для создания скриншотов:
- Возможность сделать скриншот всей страницы даже без установки дополнительных программ и расширений. 2 Для этого нужно открыть нужный сайт, затем «Инструменты разработчика» через меню «Дополнительные инструменты» или комбинацию «Ctrl + Shift + I». 2
- Серия снимков в процессе загрузки страницы. 3 С её помощью можно отследить баги и нелогичное поведение элементов в процессе построения страницы. 3
- Сохранение скриншотов без границ окна браузера. 5 В снимок попадает только содержимое веб-страницы. 5
- Возможность выбрать один из четырёх вариантов создания скриншотов: 1
- Capture area screenshot (сделать скриншот области) создаёт скриншот определённой области экрана. 1
- Capture full size screenshot (сделать полноразмерный скриншот) создаёт копию изображения всей страницы, включая области, которые не отображаются на экране. 1
- Capture node screenshot (сделать скриншот узла) делает скриншот элемента, выделенного на вкладке Elements. 1
- Capture screenshot (сделать скриншот) делает скриншот отображаемой части страницы. 1
При выборе любого варианта скриншот будет сохранён в формате .png. 1