Firefox es un navegador popular para PC con Windows^{(Windows PC)} . La barra de herramientas del desarrollador^{(Developer Toolbar)} en Firefox y Chrome le permite tomar capturas de pantalla de la ventana del navegador sin usar complementos del navegador ni software de captura de pantalla^{(screen capture software)} de terceros . Este tutorial le mostrará cómo capturar capturas de pantalla en el navegador Chrome o Firefox^{(capture screenshots in Chrome or Firefox browser)} de forma nativa, sin usar ni instalar ningún software de terceros.

Por supuesto, sabe que para capturar capturas de pantalla del escritorio en Windows^{(capturing Desktop screenshots on Windows)} , debe presionar la tecla Imprimir pantalla^{(Print Screen)} o Imprimir^{(Prnt Scrn)} pantalla . Se puede encontrar en la sección superior derecha de su teclado. Para capturar solo la ventana activa, mantenga presionada la tecla Alt antes de presionar la tecla Imprimir pantalla^{(Print Screen)} . Veamos cómo hacerlo utilizando las herramientas de desarrollo^{(Developer Tools)} integradas .

Capturar capturas de pantalla^{(Screenshots)} en el navegador Chrome

Las capturas de pantalla pueden ser inmensamente útiles en los casos en los que encuentre un tutorial interesante en línea y desee guardar una copia de la página web como captura de pantalla en su computadora para consultarla más adelante. Si desea hacer lo mismo, siga los pasos descritos en la publicación a continuación para ayudarlo a tomar una captura de pantalla de página completa de cualquier página web en Google Chrome .

Primero, inicie Google Chrome y navegue a la página web cuya pantalla desea capturar.

Una vez allí, haga clic en el ícono de la hamburguesa del navegador, visible en la esquina superior derecha de la pantalla de su computadora.

A continuación, elija ' Más herramientas^{(More tools)} ' cuando se expanda el menú de acción y, más adelante, seleccione las opciones de ' Herramientas de desarrollador '.^{(Developer tools)}

A partir de entonces, aparecerá una pequeña ventana de herramientas de desarrollo^{(Developer Tools)} . Haga clic^(Click) en el botón Alternar modo de dispositivo^{(Toggle Device Mode)} como se muestra en la imagen a continuación para activar la opción. Una vez activado, el botón se volverá de color azul.

Aquí, minimice la ventana Herramientas para desarrolladores^{(Developer Tools)} y, en el fondo, configure su captura de pantalla. Además, seleccione el tipo de dispositivo adecuado para su captura de pantalla en el menú desplegable del dispositivo.

Si es necesario, configure el tamaño y la orientación de la captura de pantalla.

Una vez que haya terminado, haga clic en el ícono de 3 puntos en la esquina extrema derecha y, de la lista de opciones que se muestran, seleccione la que dice ' Capturar captura de pantalla^{(Capture screenshot)} '.

That’s it!

Tomar capturas de pantalla en el navegador Firefox

SUGERENCIA^(TIP) : ahora puede habilitar la^{(enable the Firefox Screenshots)} función Capturas de pantalla de Firefox.

Abra el navegador Mozilla Firefox^{(Mozilla Firefox)} y vaya a la página web cuya pantalla desea capturar. Una vez allí, haga clic en el icono Más acciones^{(More Actions)} visible en la esquina superior derecha.

Elija el icono de desarrollador^{(Developer Tile)} . Esto abrirá las herramientas de desarrollo web. Alternativamente, puede presionar ' Ctrl+Shift+I ' para iniciar las herramientas de desarrollo.

A continuación, de la lista de opciones que se muestran, seleccione la que dice ' Modo de diseño receptivo^{(Responsive Design Mode)} '.

Aquí, si es necesario, puede configurar el tamaño y la orientación de su captura de pantalla configurando el conjunto correcto de opciones. Una vez que encuentre todo en su lugar, presione el botón Cámara^(Camera) para tomar la pantalla.

Finalmente, guarde la captura de pantalla capturada en la ubicación deseada en su computadora.

Las capturas de pantalla pueden ser de gran utilidad para los diseñadores web que toman capturas de pantalla del navegador para realizar una verificación exhaustiva de la compatibilidad del navegador en diferentes navegadores y sistemas web. Cualesquiera que sean los propósitos, tal vez siempre pueda confiar en el navegador Chrome^(Chrome) o Firefox para tomar una captura de pantalla de forma nativa, utilizando estas herramientas de desarrollo.

Lea a continuación^{(Read next)} : Cómo tomar capturas de pantalla de un sitio web de forma remota^{(How to take screenshots of a website remotely)} .

Capture or take Screenshots in Chrome or Firefox browser natively

Firefox is a popular browser for Windows PC. The Developer Toolbаr in Firefox and Chrome allows уou to take screenshots of the browser window without υsing 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

• Cómo borrar Cache, Cookies, Browsing History en Chrome and Firefox

• Chrome or Firefox no se puede descargar o guardar archivos en su computadora

• Deshabilitar, desinstalar Adobe Flash, Shockwave en Chrome, Firefox, Edge, es decir,

• Fix: reCAPTCHA no funciona en Chrome, Firefox, o cualquier navegador

• REVISIÓN: Vimeo No funciona en Chrome or Firefox

• Google Chrome vs Firefox Quantum para Windows 10

• Best Kodi Addons & Extensions para Chrome & Firefox

• Windows Defender Application Guard Extension para Chrome & Firefox

• ¿Qué es Lazy Loading? Habilitarlo o deshabilitarlo en Chrome, Firefox, Edge

• Restart Chrome, Edge or Firefox sin perder pestañas en Windows 11/10

• Cómo cambiar el Default Font en Chrome, Edge, Firefox browser

• Cómo abrir News and Interests links en Chrome or Firefox; NO Edge

• Browser Extensiones para tomar un Screenshot en Chrome and Firefox

• 10 extensiones Best Chrome, Edge40, Edge14 y Firefox para guardar la página para leer más tarde

• Search A través de múltiples pestañas abiertas en Firefox and Chrome browsers

• Cómo ocultar los iconos Browser Extension en Chrome, Edge or Firefox

• Share Button Plugins para Chrome, Firefox and Edge browsers

• No se puede abrir un sitio web en particular en el Chrome, Firefox, Edge, es decir,

• Cómo deshabilitar Geolocation en Firefox, Chrome, y Edge

• No se puede escribir en campos de entrada de texto en Chrome and Firefox browsers