Lectores como tú ayudan a apoyar a MUO. Cuando realiza una compra utilizando enlaces en nuestro sitio, podemos ganar una comisión de afiliado. Leer más.

Las capturas de pantalla son una herramienta flexible para las tareas cotidianas, desde mostrar el trabajo hasta compartir información. Puede tomar capturas de pantalla usando comandos de teclado, aplicaciones y extensiones de navegador, pero ¿alguna vez ha intentado tomar capturas de pantalla directamente a través de Google Chrome?

Aquí hay un escenario, necesita una captura de pantalla de una página web completa. En lugar de tomar varias capturas de pantalla de la página, lo que puede ser tedioso, ¿por qué no hacerlo de una sola vez? Aquí es donde entran las herramientas para desarrolladores.

Esta guía le explicará cómo puede usar las herramientas para desarrolladores de Chrome para tomar una captura de pantalla de sus páginas web fácilmente.

Las herramientas para desarrolladores de Chrome son potentes herramientas de depuración integradas en el navegador Google Chrome.

instagram viewer
Las herramientas permiten a los desarrolladores para probar, depurar y optimizar aplicaciones web para hacerlas más rápidas y confiables.

Algunas funciones incluyen ver y editar el código de una página web en tiempo real, ver su tráfico de red y analizar su rendimiento, incluidos los tiempos de carga y el uso de la memoria.

Para tomar una captura de pantalla de una página web usando las herramientas para desarrolladores en Google Chrome, siga los pasos a continuación:

Primero, abre Google Chrome y luego diríjase a un sitio web o una página web específica. Luego haga clic con el botón derecho en cualquier parte de la página y haga clic en Inspeccionar en la parte inferior del menú desplegable para abrir el Herramientas de desarrollo panel. Como alternativa, puede utilizar Ctrl + Mayús + C.

Alternar el Barra de herramientas del dispositivo haciendo clic en el segundo icono en la esquina superior izquierda o Ctrl + Mayús + M. Puede ver cómo se ve la página en diferentes dispositivos, como teléfonos y tabletas.

En la parte superior izquierda, hay un menú desplegable llamado Dimensiones. Al hacer clic en él, aparecerá un menú con diferentes dispositivos. Al hacer clic en una opción, se le mostrará cómo se ve la página en ese dispositivo. También puede ver el ancho y alto de la página y una opción de acercar y alejar.

Dependiendo de su dispositivo, la opción de ancho o alto (o ambas) se anulará, lo que le impedirá cambiar su tamaño.

Opcionalmente, puede elegir el dispositivo y la orientación para tomar una captura de pantalla usando Modo de dispositivo. Cuando esté satisfecho con el aspecto de todo, haga clic en los tres puntos verticales en la barra de dimensiones y haga clic en Capturar captura de pantalla o Capturar captura de pantalla a tamaño completo.

Como alternativa, puede utilizar Ctrl + Mayús + P para abrir el menú de comandos y escribir la palabra captura de pantalla en el cuadro de texto. Cuando escriba la palabra, notará que aparecen cuatro tipos de opciones de captura de pantalla en un menú desplegable:

  1. Captura de pantalla del área de captura: toma una captura de pantalla de un elemento inspeccionado.
  2. Capturar captura de pantalla a tamaño completo: toma una captura de pantalla de toda la página.
  3. Captura de pantalla del nodo de captura: arrastre un área específica de la página que desea capturar.
  4. Capturar captura de pantalla: toma una captura de pantalla de todo el contenido visible en la página.

Para obtener una captura de pantalla más amplia de la página, ajuste el tamaño del panel Herramientas para desarrolladores. Puede hacer esto pasando el mouse sobre la derecha de la barra de desplazamiento vertical hasta que vea una flecha de dos extremos. Haga clic en él y arrastre el panel hacia la izquierda o hacia la derecha para cambiar el tamaño de la página.

La captura de pantalla se guardará automáticamente en su Descargas carpeta como un archivo de imagen PNG, siempre que no tenga cualquier problema al descargar archivos. A partir de ahí, puede realizar cualquier ajuste a la imagen.

Una nueva forma de tomar capturas de pantalla en Google Chrome

Tomar una captura de pantalla con las Herramientas para desarrolladores de Google Chrome puede ayudarlo a hacer más y ahorrar tiempo. También le brinda una nueva forma de tomar capturas de pantalla, ya sea un desarrollador, diseñador o usuario habitual.

La próxima vez que necesite tomar una captura de pantalla con una orientación diferente o en otro dispositivo, usar las herramientas para desarrolladores es una forma rápida y eficiente que siempre está disponible. Cuando descargamos archivos, se guardan en nuestra carpeta Descargas predeterminada. Pero si desea cambiar la carpeta, puede hacerlo fácilmente en Google Chrome.