Consejos y Trucos de Chrome DevTools

Esta página proporciona una hoja de referencia de consejos y trucos para las herramientas para desarrolladores de Chrome (DevTools), que incluyen operaciones de depuración, monitoreo de red, análisis de rendimiento y más.

Panel Elements

Acción	Atajo
Abrir DevTools	`F12` o `Ctrl` + `Shift` + `I`
Alternar la barra de herramientas del dispositivo	`Ctrl` + `Shift` + `M`
Actualizar y borrar caché	`Ctrl` + `Shift` + `R`
Ver el menú contextual del elemento	`Clic derecho`
Editar elemento	`Enter`
Eliminar elemento	`Delete`
Copiar elemento	`Ctrl` + `C`
Pegar elemento	`Ctrl` + `V`
Ver las reglas CSS del elemento	`Ctrl` + `Shift` + `C`

Panel Console

Acción	Atajo
Abrir la consola	`Esc`
Limpiar la consola	`Ctrl` + `L`
Copiar el texto seleccionado	`Ctrl` + `C`
Pegar texto	`Ctrl` + `V`
Ver el historial de comandos	`Flecha arriba` y `Flecha abajo`
Ver información detallada del objeto	`Ctrl` + `Shift` + `C`

Panel Network

Acción	Atajo
Iniciar/Detener la grabación de la actividad de red	`Ctrl` + `E`
Limpiar el registro de red	`Ctrl` + `R`
Filtrar solicitudes	`Ctrl` + `F`
Ver información detallada de la solicitud	`Ctrl` + `Shift` + `C`

Panel Performance

Acción	Atajo
Iniciar/Detener la grabación de rendimiento	`Ctrl` + `E`
Exportar el rendimiento grabado	`Ctrl` + `S`
Filtrar eventos	`Ctrl` + `F`

Panel Memory

Acción	Atajo
Tomar una instantánea	`Ctrl` + `S`
Exportar la instantánea	`Ctrl` + `Shift` + `S`
Filtrar instantáneas	`Ctrl` + `F`

Panel Application

Acción	Atajo
Actualizar la aplicación	`Ctrl` + `R`
Limpiar el almacenamiento	`Ctrl` + `Shift` + `R`
Filtrar datos	`Ctrl` + `F`

Panel Security

Acción	Atajo
Ver certificado	`Ctrl` + `Shift` + `C`
Recargar la página y omitir el caché	`Ctrl` + `Shift` + `R`

Varios (Misc)

Acción	Atajo
Abrir Configuración	`F1`
Cambiar tema	`Ctrl` + `Shift` + `P` y luego escribe `theme`
Ver atajos	`Ctrl` + `Shift` + `P` y luego escribe `shortcuts`