Aprende a dominar las Chrome DevTools desde cero. Descubre cómo acceder con atajos imprescindibles, personalizar la interfaz con el Modo Oscuro y usar el Command Menu para trabajar más rápido. Pierde el miedo a explorar e inspeccionar cualquier web de forma segura y como un profesional.
Accede a la lección en vídeo de la membresía. Cada martes, jueves y sábado aprende con una clase nueva. Puedes identificarte en este enlace o suscribirte a los cursos.
Contenido de la lección
(Recordar que este contenido es la escaleta)
- ¿Qué son las DevTools? El «puente» entre lo que el usuario ve y lo que el navegador procesa.
- Acceso rápido: Atajos de teclado imprescindibles (F12, Cmd+Opt+I) y cómo abrir la herramienta sobre un elemento específico.
- Personalización del espacio: Paneles acoplados (derecha, abajo) vs. ventana independiente. El Modo Oscuro para sesiones largas.
- El «Command Menu» (Ctrl+Shift+P): El buscador de funciones ocultas que te ahorrará horas de clics.
Objetivo de la lección
El objetivo es que el alumno configure su entorno de trabajo profesional y pierda el miedo a la interfaz. Entenderá que es una herramienta de «lectura» que le permite auditar cualquier web sin riesgo de romper nada en el servidor.
Recursos
- Documentación: Guía oficial de atajos de teclado de Chrome DevTools.
- Herramienta: Navegador Google Chrome (o versiones basadas en Chromium como Edge o Brave).