полезные статьи

Как сделать снимок экрана целых веб-страниц без расширения Chrome

Chrome: снимать скриншоты легко, будь вы в Windows (нажмите кнопку Print Screen на клавиатуре) или Mac (Shift-Command-5). И хотя вы можете изолировать только свое активное окно с помощью различных команд клавиатуры или экранных опций, что упрощает создание снимков независимо от того, что вы делаете, это все же не идеально, если вы пытаетесь сфотографировать полный веб-сайт - больше, чем что-либо на твоем экране.

Нет недостатка в расширениях браузера, которые обещают делать полностраничные скриншоты от вашего имени, и многие из них довольно хороши (при условии, что у вас не возникает никаких проблем с рендерингом при их использовании). Однако вам не нужно расширение для создания снимка экрана веб-страницы. Мы рассмотрели, как это сделать в Firefox, и теперь настала очередь Chrome.

Во-первых, быстрый совет для разработчика Макса Бека, где я наткнулся на этот метод. Вы начнете с открытия инструментов разработчика Chrome с помощью F12 на клавиатуре (Windows) или Command + Option + i (Mac). Затем вы войдете в режим устройства, нажав на маленький значок, похожий на смартфон, сидящий перед планшетом:

Вот что это делает со страницей, которую вы просматриваете в своем браузере:

До

После

Затем вы захотите убедиться, что пресет «Отзывчивый» выбран - это было по умолчанию, когда я делал это. Затем нажмите на значок с тройными точками в правой части той же панели инструментов (она находится чуть левее от кнопки режима устройства, на которую вы ранее нажимали). Вы захотите выбрать опцию «Добавить соотношение пикселей устройства», а затем изменить это соотношение (DPR) в поле, которое появляется с двух (по умолчанию) на три.

Оттуда все, что вам нужно сделать, это нажать Control / Command + Shift + P и ввести «Захват полноразмерного снимка экрана». Выберите этот вариант, и Chrome автоматически создаст прекрасный .PNG страницы и поместит его в папку «Загрузки».,

Если вы хотите настроить внешний вид снимка экрана, не стесняйтесь поиграть с размерами, введя собственную высоту и ширину в пикселях или изучив доступные предварительные настройки, наведя указатель мыши на серые полосы под параметрами режима устройства.

Я предпочитаю использовать режим «ноутбук», который устанавливает ширину экрана в 1440 пикселей, что позволяет создавать великолепные снимки экрана сайтов, которые я пытаюсь заархивировать.