Abrir Dev Tools | CTRL + SHIFT + C : Abrir Dev Tools. |
Inspeccionar Elementos | Hacer clic derecho en cualquier elemento y seleccionar "Inspeccionar". |
Vista Responsiva | CTRL + SHIFT + M : Activar la vista responsiva. |
Seleccionar Dispositivo | Elegir entre opciones como móvil, tableta, etc. |
Cambiar Tamaño de Pantalla | Ajustar manualmente el tamaño de la pantalla. |
Modificar Estilos CSS | Seleccionar un elemento y editar sus estilos en la pestaña "Elements". |
Ver Consola | Ir a la pestaña "Console" para ver mensajes de error y ejecutar comandos JavaScript. |
Red | Ver las solicitudes de red en la pestaña "Network". |
Performance | Analizar el rendimiento de la página en la pestaña "Performance". |
Aplicación | Revisar el almacenamiento local y las cookies en la pestaña "Application". |
Fuentes | Ver y editar las fuentes utilizadas en la página en la pestaña "Sources". |
Auditoría | Realizar auditorías de rendimiento y accesibilidad en la pestaña "Lighthouse". |
Emulación de Dispositivos | Emular diferentes condiciones de red y geolocalización en la pestaña "Sensors". |
Historial de Cambios | Ver el historial de cambios realizados en la pestaña "Changes". |
Depuración de JavaScript | Establecer puntos de interrupción y depurar código en la pestaña "Sources". |
Estilos Computados | Ver los estilos finales aplicados a un elemento en la pestaña "Computed". |
Captura de Pantalla | Tomar capturas de pantalla de la página en la pestaña "Rendering". |
Accesibilidad | Evaluar la accesibilidad de la página en la pestaña "Accessibility". |
Storage | Inspeccionar y modificar datos en el almacenamiento local y de sesión. |