Cómo tomar una captura de pantalla en Google Chrome usando las herramientas de desarrollo

Tabla de contenido:

Cómo tomar una captura de pantalla en Google Chrome usando las herramientas de desarrollo
Cómo tomar una captura de pantalla en Google Chrome usando las herramientas de desarrollo
Anonim

Qué saber

  • En una PC: Presione Ctrl + Shift + I luego Ctrl + Shift P.
  • Mac: Presione Comando + Opción + I y luego Comando + Mayús P.
  • Luego escribe "captura de pantalla" para ver las cuatro opciones de captura de pantalla.

Este artículo explica cómo capturar capturas de pantalla en Chrome usando las herramientas para desarrolladores.

Cómo usar las herramientas para desarrolladores de Chrome para tomar capturas de pantalla

La diferencia entre usar la tecla Imprimir pantalla y la herramienta de Chrome es que la herramienta de captura de pantalla de Chrome no incluye los bordes de la ventana del navegador de Chrome, solo el contenido de la página web. Si desea capturar solo el contenido de la página sin editar sus capturas de pantalla, las herramientas para desarrolladores pueden ahorrarle un paso.

Puede usar menús o métodos abreviados de teclado para acceder a las herramientas de desarrollo.

  1. Presione Ctrl + Shift + I en una PC, o Comando + Opción + I en una Mac. También puede hacer clic en el icono de menú de tres puntos y seleccionar Más herramientas > Herramientas de desarrollador Al hacer esto, se abre el menú de desarrollador de Element Inspector, que muestra la página web Codificación HTML.

    Image
    Image
  2. Luego, presione Ctrl + Shift P (PC) o Command + Shift P (Mac) o haga clic en el menú de tres puntos para Personalizar y controlar DevTools y seleccione Ejecutar comando.

    Image
    Image

    Para una captura de pantalla normal o de tamaño completo únicamente, haga clic en el ícono del menú de tres puntos en la parte superior de la página que desea capturar y seleccione Capturar captura de pantalla o Capturar captura de pantalla a tamaño completo.

  3. Escribe "captura de pantalla" para ver las opciones de captura de pantalla, que son:

    • Captura de pantalla del área de captura
    • Capturar captura de pantalla a tamaño completo
    • Capturar captura de pantalla del nodo
    • Capturar captura de pantalla
    Image
    Image
  4. Desplácese hacia abajo para seleccionar el tipo de captura de pantalla que desea capturar con el mouse o las teclas de flecha del teclado.

Opciones de captura de pantalla para desarrolladores de Chrome

Seleccione Capturar pantalla del área para capturar parte de la pantalla. Use su mouse para arrastrar un cuadro alrededor del área que desea capturar.

Para obtener una captura de pantalla de una página web completa, seleccione Capturar captura de pantalla a tamaño completo. Esta opción le permite obtener una imagen de una página web que no cabe cómodamente en una pantalla.

Esta opción tuvo resultados mixtos en nuestras pruebas, según el sitio web.

Si desea una captura de pantalla estándar, elija Capturar captura de pantalla, que captura lo que se ve en su pantalla.

Finalmente, puede obtener una captura de pantalla de un elemento HTML eligiendo Capturar captura de pantalla del nodo.

Después de capturar una captura de pantalla, obtendrá un cuadro de diálogo Guardar. Elija una carpeta y asigne un nombre de archivo a su captura de pantalla. Todas las capturas de pantalla capturadas con las herramientas para desarrolladores también están disponibles en el administrador de descargas de Chrome.

Recomendado: