Abrir DevTools
| Atajo | Descripción |
|---|---|
F12 | Abrir DevTools |
Cmd/Ctrl + Shift + I | Abrir DevTools |
Cmd/Ctrl + Shift + J | Abrir panel Console |
Cmd/Ctrl + Shift + C | Abrir en modo inspección de elementos |
Cmd/Ctrl + Option/Alt + I | Abrir DevTools (Mac/Win) |
Cambiar de panel
| Atajo | Descripción |
|---|---|
Cmd/Ctrl + ] | Siguiente panel |
Cmd/Ctrl + [ | Panel anterior |
Cmd/Ctrl + Shift + M | Alternar modo dispositivo |
Esc | Mostrar/ocultar cajón Console |
Cmd/Ctrl + Shift + P | Abrir menú de comandos |
Panel Elements
| Atajo | Descripción |
|---|---|
↑/↓ | Seleccionar elemento |
←/→ | Expandir/contraer elemento |
Enter | Editar atributo |
H | Alternar visibilidad del elemento |
Delete | Eliminar elemento |
Cmd/Ctrl + Z | Deshacer cambios |
F2 | Editar como HTML |
Panel Console
| Atajo | Descripción |
|---|---|
Cmd/Ctrl + L | Limpiar consola |
Tab | Autocompletar |
↑/↓ | Mostrar historial de comandos |
Shift + Enter | Entrada multilínea |
Cmd/Ctrl + U | Limpiar línea |
Comandos de Console
| Comando | Descripción |
|---|---|
$0 | Referencia al elemento seleccionado |
$_ | Último resultado evaluado |
$('selector') | querySelector |
$$('selector') | querySelectorAll |
$x('xpath') | Seleccionar elemento por XPath |
copy(object) | Copiar al portapapeles |
clear() | Limpiar consola |
dir(object) | Mostrar propiedades del objeto |
table(data) | Mostrar en formato tabla |
monitor(fn) | Monitorear llamadas a función |
monitorEvents(el) | Monitorear eventos |
Panel Sources (Depuración)
| Atajo | Descripción |
|---|---|
F8 / Cmd/Ctrl + \ | Pausar/reanudar |
F10 / Cmd/Ctrl + ' | Step over |
F11 / Cmd/Ctrl + ; | Step into |
Shift + F11 | Step out |
Cmd/Ctrl + B | Agregar/quitar breakpoint |
Cmd/Ctrl + G | Ir a línea |
Cmd/Ctrl + O | Abrir archivo |
Cmd/Ctrl + Shift + O | Ir a función |
Panel Network
| Atajo | Descripción |
|---|---|
Cmd/Ctrl + E | Iniciar/detener grabación |
Cmd/Ctrl + R | Recargar página |
Cmd/Ctrl + Shift + R | Recargar ignorando caché |
Filtros de Network
| Filtro | Descripción |
|---|---|
XHR | Solo XMLHttpRequest/Fetch |
JS | Solo archivos JavaScript |
CSS | Solo archivos CSS |
Img | Solo archivos de imagen |
Doc | Solo documentos |
is:running | Solicitudes en progreso |
larger-than:100k | Archivos mayores a 100KB |
-domain:example.com | Excluir dominio específico |
Panel Performance
| Atajo | Descripción |
|---|---|
Cmd/Ctrl + E | Iniciar/detener grabación |
Cmd/Ctrl + S | Guardar perfil |
Cmd/Ctrl + Shift + E | Grabar carga de página |
Panel Application
| Función | Descripción |
|---|---|
| Local Storage | Ver y editar almacenamiento local |
| Session Storage | Ver y editar almacenamiento de sesión |
| Cookies | Ver, editar y eliminar cookies |
| Cache Storage | Ver caché |
| IndexedDB | Ver IndexedDB |
| Clear storage | Limpiar almacenamiento |