Что нужно знать
- Выберите три точки Дополнительное меню > Дополнительные инструменты > Инструменты разработчика. Щелкните значок с многоточием > Выполнить команду > введите «скриншот».
- Выберите тип: Скриншот области, Скриншот в полный размер, Скриншот узла или Скриншот.
В этой статье объясняется, как делать снимки экрана в Microsoft Edge с помощью скрытой утилиты, спрятанной внутри инструментов разработчика.
Как сделать скриншот веб-страницы в Edge
Возможность делать полностраничные скриншоты веб-страниц из самого браузера бесценна, поскольку не все программы для захвата экрана хорошо справляются с прокручиваемым содержимым. Вы можете использовать инструменты разработчика в Edge, чтобы делать полностраничные снимки экрана и три других типа снимков экрана.
Браузер сохраняет файлы изображений в папке загрузки по умолчанию на вашем компьютере или предложит указать конкретное место.
-
Нажмите клавишу F12 или Ctrl + Shift + I на клавиатуре в Windows, чтобы открыть Инструменты разработчика в Microsoft Edge. Пользователям macOS следует использовать сочетание клавиш Command + Option + I. Вы также можете получить доступ к инструментам разработчика с панели инструментов Edge. Выберите значок с тремя точками
Image -
На панели инструментов разработчика выберите значок с тремя точками в правом верхнем углу, чтобы открыть Настройка и управление DevTools.
Image - Выберите Выполнить команду (или нажмите Ctrl + Shift + P) в вертикальном меню.
-
Введите «скриншот» на панели команд «Выполнить», чтобы отобразить четыре возможные команды. Эти четыре команды помогут вам выбрать часть веб-страницы, которую вы хотите захватить.
Image -
Выберите Снимок экрана области из списка команд, чтобы сделать снимок экрана определенной области. Используйте перекрестие, чтобы щелкнуть левой кнопкой мыши и нарисовать контур скриншота. (Мы выделили раздел, чтобы показать вам, что он становится темно-серым, но, очевидно, вы выделите нужную часть.)
Image -
Выберите Снимок полноразмерного снимка экрана из списка команд, чтобы сделать полноразмерный снимок экрана. При этом захватывается вся веб-страница, включая прокручиваемый контент, которого нет на экране.
-
Выберите Снимок экрана узла из списка команд для захвата выбранного узла HTML в Dev Tools на вкладке Elements. Вы также можете щелкнуть правой кнопкой мыши выбранный узел и выбрать «Снимок экрана узла». Например, выберите «класс заголовков» и захватите заголовок веб-страницы.
Image - Выберите Снимок экрана из списка команд, чтобы сделать снимок экрана активного вида. Это область, которая видна внутри браузера и не включает прокручиваемую, но невидимую область.
Совет:
Браузеры Chromium, такие как Chrome и Edge, также позволяют эмулировать другие устройства и их разрешения экрана. Вы также можете использовать это свойство и команды создания снимков экрана, чтобы зафиксировать, как веб-страница будет выглядеть на конкретном устройстве.
Выберите Переключить эмуляцию устройства на панели инструментов разработчика (или нажмите Ctrl + Shift + M).
