Firefox — популярный браузер для ПК^{(Windows PC)} с ОС Windows . Панель инструментов разработчика^{(Developer Toolbar)} в Firefox и Chrome позволяет делать снимки экрана окна браузера без использования каких-либо надстроек браузера или стороннего программного обеспечения для захвата экрана^{(screen capture software)} . В этом руководстве показано, как делать скриншоты в браузере Chrome или Firefox^{(capture screenshots in Chrome or Firefox browser)} без использования и установки стороннего программного обеспечения.

Вы, конечно, знаете, что для захвата скриншотов рабочего стола в Windows^{(capturing Desktop screenshots on Windows)} нужно нажать клавишу Print Screen или Prnt Scrn . Его можно найти в правом верхнем углу клавиатуры. Чтобы захватить только активное окно, удерживайте нажатой клавишу Alt^(Alt) , прежде чем нажимать клавишу Print Screen . Давайте посмотрим, как это сделать с помощью встроенных инструментов разработчика^{(Developer Tools)} .

Захват скриншотов^{(Screenshots)} в браузере Chrome

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

Сначала запустите Google Chrome и перейдите на веб-страницу, экран которой вы хотите захватить.

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

Затем выберите « Дополнительные инструменты^{(More tools)} », когда меню действий расширится, а затем выберите « Инструменты разработчика^{(Developer tools)} ».

После этого появится небольшое окно инструментов^{(Developer Tools)} разработчика. Нажмите кнопку^(Click) « Переключить режим устройства»^{(Toggle Device Mode)} , как показано на изображении ниже, чтобы активировать эту опцию. После активации кнопка станет синего цвета.

Здесь сверните окно инструментов разработчика^{(Developer Tools)} и в фоновом режиме установите свой скриншот. Кроме того, выберите правильный тип устройства для снимка экрана в раскрывающемся меню устройства.

При необходимости настройте размер и ориентацию снимка экрана.

Закончив, щелкните значок с тремя точками в крайнем правом углу и из отображаемого списка параметров выберите вариант « Снимок экрана^{(Capture screenshot)} ».

That’s it!

Делайте скриншоты в браузере Firefox

СОВЕТ^(TIP) : Теперь вы можете включить функцию скриншотов Firefox^{(enable the Firefox Screenshots)} .

Откройте браузер Mozilla Firefox и перейдите на веб-страницу, экран которой вы хотите захватить. Оказавшись там, щелкните значок « Дополнительные действия^{(More Actions)} », видимый в правом верхнем углу.

Выберите плитку разработчика^{(Developer Tile)} . Это откроет инструменты веб-разработчика. Кроме того, вы можете нажать « Ctrl+Shift+I », чтобы запустить инструменты разработчика.

Затем из списка отображаемых параметров выберите тот, который читается как « Режим адаптивного дизайна^{(Responsive Design Mode)} ».

Здесь, при необходимости, вы можете настроить размер и ориентацию вашего снимка экрана, настроив правильный набор параметров. Как только вы обнаружите, что все вещи на месте, нажмите кнопку « Камера^(Camera) » , чтобы захватить экран.

Наконец, сохраните захваченный снимок экрана в нужное место на вашем компьютере.

Снимки экрана могут быть очень полезны веб-^(Web) дизайнерам, которые делают снимки экрана браузера для тщательной проверки совместимости браузера с различными веб-браузерами и системами. Какими бы ни были цели, вы всегда можете положиться на браузер Chrome^(Chrome) или Firefox , чтобы сделать снимок экрана изначально, используя эти инструменты разработчика.

Читать далее^{(Read next)} : Как удаленно делать скриншоты веб-сайта^{(How to take screenshots of a website remotely)} .

Capture or take Screenshots in Chrome or Firefox browser natively

Firеfox is a pоpulаr browser for Windows PC. The Developer Toolbar in Firefox and Chrome allows you to take screenshots of the browser window without using any browser add-ons or 3rd-party screen capture software. This tutorial will show you how to capture screenshots in Chrome or Firefox browser natively, without using or installing any third-party software.

You are of course aware that for capturing Desktop screenshots on Windows, you have press the Print Screen or Prnt Scrn key. It can be found in the upper right section of your keyboard. To capture only the active window, hold down the Alt key, before you press the Print Screen key. Let us see how to do it using the built-in Developer Tools.

Capture Screenshots in Chrome browser

Screen Captures can be immensely useful in cases where you come across an interesting tutorial online and would want to save a copy of the web page as a screenshot on your computer for reference, later. If you want to do the same, follow the steps outlined in the post below to help you take full-page screenshot of any web page in Google Chrome.

First, launch Google Chrome and navigate to the web page whose screen you would like to capture.

Once there, click the hamburger icon of the browser, visible in the upper right-hand corner of your computer screen.

Next, chose ‘More tools’ when the menu of action expands and later, select ‘Developer tools’ options.

Thereafter, a small window for Developer Tools will show up. Click on the Toggle Device Mode button as shown in the image below to activate the option. Once activated, the button will turn blue in color.

Here, minimize the Developer Tools window and in the backdrop set up your screenshot. Also, select the right device type for your screenshot from the device drop-down menu.

If required, configure the size and orientation of the screenshot.

Once finished, click on the 3-dots icon in the extreme right corner, and from the list of options displayed, select the one reading as ‘Capture screenshot’.

That’s it!

Take Screenshots in Firefox Browser

TIP: You can now enable the Firefox Screenshots feature.

Open the Mozilla Firefox browser and go to the web page whose screen you would like to capture. Once there, click on More Actions icon visible in the upper right-hand corner.

Choose the Developer Tile. This will open the web developer tools. Alternatively, you can press ‘Ctrl+Shift+I’ to launch the developer tools.

Next, from the list of options displayed, select the one reading as ‘Responsive Design Mode’.

Here, if required, you can set up the size and orientation for your screenshot by configuring the correct set of options. Once you find all things in place, hit the Camera button to grab the screen.

Finally, save the captured screenshot to the desired location on your computer.

Screenshots can be of immense use to Web designers who take browser screenshots for performing a thorough checking of browser compatibility in different web browsers and systems. Whatever the purposes maybe you can always rely on Chrome or Firefox browser to take a screenshot natively, using these developer tools.

Read next: How to take screenshots of a website remotely.

Related posts

• Как очистить Cache, Cookies, Browsing History в Chrome and Firefox

• Chrome or Firefox не может скачать или сохранять файлы на вашем компьютере

• Отключить, удалить Adobe Flash, Shockwave в Chrome, Firefox, Edge, т.е

• FIX: рекапчи не работает в Chrome, Firefox, или любой браузер

• Исправлено: Vimeo не работает в Chrome or Firefox

• Как отключить или включить CARET Browsing в Chrome or Firefox

• Как установить Parental Control в Chrome, Edge, Firefox, Opera

• Как отключить встроенный Password Manager в Chrome, Edge, Firefox

• Always показать Download button в Chrome, Firefox and Edge

• Hyperlink Auditing в Chrome & Firefox browsers

• Bring назад View Image and Search на кнопках Image на Google

• Как сделать Flash work в Chrome, Edge, Firefox NOW

• Chrome or Firefox адрес bar search не работает

• Как сохранить веб-страницы как PDF в Chrome or Firefox

• Не может открыть конкретный сайт в Chrome, Firefox, Edge, т.е

• Как отключить Geolocation в Firefox, Chrome, а Edge

• Как синхронизировать Tabs между Edge, Chrome and Firefox browsers

• Allow или блок Pop-Ups на Chrome, Firefox, Edge, Opera, Internet Explorer

• Очистить Cookies, Site Data, Cache для конкретного сайта: Chrome Edge Firefox

• Share Button Plugins для Chrome, Firefox and Edge browsers