Screenshot делает высококачественные снимки любой веб-страницы в двух режимах: видимая область (именно то, что вы видите в окне браузера) или полная страница (страница целиком — от верха до низа, включая контент ниже видимой области). Скриншоты сохраняются в виде высококачественных PNG-файлов и мгновенно загружаются на ваше устройство — без облачной загрузки, без аккаунтов, без ожидания.
Встроенные скриншоты браузера (с помощью системных инструментов, например Cmd+Shift+4 или «Ножниц») захватывают весь экран, включая интерфейс браузера, панели инструментов и другие окна. Они не способны захватить контент ниже видимой области. Инструмент Screenshot в DevSuite решает обе проблемы — он захватывает только содержимое веб-страницы (без интерфейса браузера) и может прокручивать всю страницу, создавая единое полностраничное изображение. Режим видимой области использует нативный API захвата Chrome для максимальной точности. Режим полной страницы автоматически прокручивает страницу, захватывает каждый фрагмент viewport и склеивает их в одно непрерывное изображение. На выходе — PNG в полном разрешении (с учётом соотношения пикселей вашего дисплея), так что скриншоты будут чёткими на Retina и дисплеях с высоким DPI.
Захватывает именно то, что видно в viewport браузера — точный прямоугольник контента, который видит пользователь. Без интерфейса браузера, без панелей инструментов, без полос прокрутки. Только чистое содержимое страницы в том виде, в каком оно отображается на экране. Один клик — мгновенный захват.
Захватывает страницу целиком — от самого верха до самого низа, включая весь контент ниже видимой области. Инструмент автоматически прокручивает страницу, захватывает каждую секцию и склеивает фрагменты в одно непрерывное изображение. Работает со страницами любой длины.
Скриншоты захватываются с нативным соотношением пикселей вашего дисплея (2x на Retina, 1.5x на некоторых дисплеях Windows). Результат — чёткое изображение высокого разрешения, которое остаётся резким даже при увеличении — без размытости, характерной для системных скриншотов.
Захваченное изображение сохраняется в виде файла PNG без потерь и сразу же загружается на ваше устройство. Никакой облачной загрузки, никакого ожидания обработки, аккаунт не требуется. Файл появится в папке загрузок в течение нескольких секунд.
В захват включается только содержимое веб-страницы — никаких вкладок браузера, адресной строки, панели закладок или панели расширений. Результат выглядит ровно так, как выглядела бы страница без интерфейса браузера.
Захватывает любую веб-страницу независимо от того, как она построена — статический HTML, SPA (React, Vue), страницы с ленивой загрузкой изображений, бесконечной прокруткой, фиксированными шапками и элементами с position: fixed. Режим полной страницы справляется со всем этим.
Захватывайте полностраничные скриншоты сайтов, которые вы создали, для вашего портфолио. Режим полной страницы даёт цельное изображение всего дизайна страницы — идеально для Behance, Dribbble или кейсов портфолио.
При сообщении об ошибке скриншот стоит тысячи слов. Захватите точный viewport с проблемой или полностраничный скриншот, показывающий, как ошибка влияет на весь макет. Прикрепите его к задаче в GitHub или Jira.
Захватите текущее состояние тестового сайта для проверки со стороны заинтересованных лиц. Полностраничные скриншоты позволяют клиентам увидеть дизайн целиком, не посещая сайт самостоятельно — удобно для согласований с нетехническими участниками.
Сделайте скриншот до внесения изменений, затем ещё один — после. Сравните два изображения рядом, чтобы убедиться, что ваши изменения CSS или макета выглядят корректно на всей странице, а не только в той секции, с которой вы работали.
Создавайте чистые, профессиональные изображения веб-страниц для публикаций в блоге, твитов или презентаций. Результат без панелей инструментов и интерфейса браузера выглядит аккуратно и профессионально — не нужно обрезать UI браузера.
Откройте плавающую панель или всплывающее окно DevSuite Pro и нажмите на иконку Screenshot. Появится выбор режима с двумя вариантами: «Видимая область» и «Полная страница».
Нажмите «Видимая область», чтобы захватить текущий viewport (то, что вы видите прямо сейчас), или «Полная страница» — чтобы захватить страницу целиком от верха до низа.
Захват видимой области происходит мгновенно (менее 1 секунды). Захват полной страницы займёт несколько секунд — инструмент прокручивает страницу и склеивает фрагменты. Индикатор прогресса показывает состояние захвата.
Захваченное изображение автоматически загружается в виде PNG-файла. Проверьте папку загрузок браузера — файл назван по заголовку страницы с добавлением временной метки.
Инструмент остаётся активным после каждого захвата. Делайте дополнительные скриншоты тех же или других страниц без повторной активации. Прокрутите страницу, внесите изменения и сделайте снимок снова.
Установите DevSuite Pro бесплатно и разблокируйте более 39 инструментов разработчика для вашего браузера.
