Скриншоты — это гибкий инструмент для повседневных задач, от демонстрации работы до обмена информацией. Вы можете делать снимки экрана с помощью команд клавиатуры, приложений и расширений браузера, но пробовали ли вы когда-нибудь делать снимки экрана напрямую через Google Chrome?
Вот сценарий, вам нужен скриншот всей веб-страницы. Вместо того, чтобы делать несколько скриншотов страницы, что может быть утомительно, почему бы не сделать это за один раз? Здесь на помощь приходят инструменты разработчика.
В этом руководстве объясняется, как с помощью инструментов разработчика Chrome легко сделать снимок экрана веб-страницы.
Инструменты разработчика Chrome — это мощные интегрированные средства отладки, встроенные в браузер Google Chrome. Инструменты позволяют разработчикам для тестирования, отладки и оптимизации веб-приложений, чтобы сделать их быстрее и надежнее.
Некоторые функции включают просмотр и редактирование кода веб-страницы в режиме реального времени, просмотр ее сетевого трафика и анализ ее производительности, включая время загрузки и использование памяти.
Чтобы сделать снимок экрана веб-страницы с помощью инструментов разработчика в Google Chrome, выполните следующие действия:
Во-первых, откройте Гугл Хром а затем перейдите на веб-сайт или определенную веб-страницу. Затем щелкните правой кнопкой мыши в любом месте страницы и нажмите Осмотреть в нижней части раскрывающегося меню, чтобы открыть Инструменты разработчика панель. В качестве альтернативы вы можете использовать Ctrl + Shift + С.
Переключить Панель инструментов устройства щелкнув второй значок в верхнем левом углу или Ctrl + Shift + М. Вы можете увидеть, как страница выглядит на разных устройствах, таких как телефоны и планшеты.
В левом верхнем углу есть выпадающее меню под названием Размеры. При нажатии на нее откроется меню с различными устройствами. Нажав на опцию, вы увидите, как страница выглядит на этом устройстве. Вы также можете увидеть ширину и высоту страницы, а также возможность увеличения и уменьшения масштаба.
В зависимости от вашего устройства параметры ширины или высоты (или оба) будут аннулированы, что не позволит вам изменить его размер.
При желании вы можете выбрать устройство и ориентацию, чтобы сделать снимок экрана, используя Режим устройства. Когда вы довольны тем, как все выглядит, нажмите на три вертикальные точки на панели размеров и нажмите либо Сделать снимок экрана или Сделать полноразмерный снимок экрана.
В качестве альтернативы вы можете использовать Ctrl + Shift + P чтобы открыть командное меню и ввести слово Скриншот в текстовом поле. Когда вы наберете слово, вы заметите, что в раскрывающемся меню появляются четыре типа параметров захвата экрана:
- Скриншот области захвата: делает скриншот проверяемого элемента.
- Сделать полноразмерный снимок экрана: делает скриншот всей страницы.
- Сделать скриншот узла: перетащите указанную область страницы, которую вы хотите захватить.
- Сделать снимок экрана: делает скриншот всего видимого контента на странице.
Чтобы получить более широкий скриншот страницы, отрегулируйте размер панели инструментов разработчика. Вы можете сделать это, наведя указатель мыши на правую часть вертикальной полосы прокрутки, пока не увидите двустороннюю стрелку. Нажмите на нее и перетащите панель влево или вправо, чтобы изменить размер страницы.
Скриншот автоматически сохранится в вашем Загрузки папку в виде файла изображения PNG, если у вас нет любые проблемы с загрузкой файлов. Оттуда вы можете вносить любые коррективы в изображение.
Новый способ делать скриншоты в Google Chrome
Снимок экрана с помощью инструментов разработчика Google Chrome поможет вам сделать больше и сэкономить время. Это также дает вам новый способ делать снимки экрана, независимо от того, являетесь ли вы разработчиком, дизайнером или обычным пользователем.
В следующий раз, когда вам нужно будет сделать снимок экрана в другой ориентации или на другом устройстве, использование инструментов разработчика — это быстрый и эффективный способ, который всегда доступен. Когда мы загружаем файлы, они сохраняются в папку «Загрузки» по умолчанию. Но если вы хотите изменить папку, вы можете легко сделать это в Google Chrome.