Articles

Abrir Chrome DevTools

Por Kayce Basques
Escritor técnico, Chrome DevTools & Lighthouse

Hay muchas formas de abrir Chrome DevTools, porque diferentes usuarios quieren acceder rápidamente a diferentes partes de la UI de DevTools.

Abre el panel Elementos para inspeccionar el DOM o el CSS

Cuando quieras inspeccionar los estilos o atributos de un nodo del DOM, haz clic con el botón derecho en el elemento y selecciona Inspeccionar.

Figura 1. La opción Inspeccionar

O presione Comando+Opción+C (Mac) oControl+Mayúsculas+C (Windows, Linux, Chrome OS).

Vea Cómo empezar a ver y cambiar el CSS.

Abra el panel de la consola para ver los mensajes registrados o ejecutar JavaScript

Pulse Comando+Opción+J (Mac) o Control+Mayúsculas+J (Windows, Linux, Chrome OS) para saltar directamente al panel de la consola.

Vea Cómo empezar con la consola.

Abra el último panel que tenía abierto

Pulse Comando+Opción+I (Mac) oControl+Mayúsculas+I.

Abre DevTools desde el menú principal de Chrome

Haz clic en Personalizar y controla Google Chrome y luego selecciona Más herramientas > Herramientas para desarrolladores.

Figura 2. Abrir DevTools desde el menú principal de Chrome

Abrir automáticamente DevTools en cada nueva pestaña

Abrir Chrome desde la línea de comandos y pasar la bandera --auto-open-devtools-for-tabs.

Mac:

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs

Respuesta

¿Ha sido útil esta página?
¿Qué fue lo mejor de esta página?
Me ayudó a completar mi(s) objetivo(s)
Gracias por los comentarios. Si tienes ideas específicas sobre cómo mejorar esta página, por favor crea una incidencia.

Tenía la información que necesitaba
Gracias por los comentarios. Si tienes ideas específicas sobre cómo mejorar esta página, por favor crea una incidencia.

Tenía la información que necesitaba
Gracias por los comentarios. Si tienes ideas específicas sobre cómo mejorar esta página, por favor crea una incidencia.

Fue fácil de leer
Gracias por los comentarios. Si tienes ideas específicas sobre cómo mejorar esta página, por favor crea una incidencia.
Algo más
Gracias por los comentarios. Si tienes ideas específicas sobre cómo mejorar esta página, por favor crea una incidencia.
No
¿Qué fue lo peor de esta página?
No me ayudó a completar mi(s) objetivo(s)
Gracias por el comentario. Si tienes ideas específicas sobre cómo mejorar esta página, por favor crea una incidencia.

Me faltaba información que necesitaba
Gracias por el comentario. Si tienes ideas específicas sobre cómo mejorar esta página, por favor crea una incidencia.
Tenía información inexacta
Gracias por el comentario. Si tienes ideas específicas sobre cómo mejorar esta página, por favor crea una incidencia.
Era difícil de leer
Gracias por el comentario. Si tienes ideas específicas sobre cómo mejorar esta página, por favor crea una incidencia.
Algo más
Gracias por los comentarios. Si tienes ideas específicas sobre cómo mejorar esta página, por favor crea una incidencia.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *