Las Dev Tools son una herramienta imprescindible en el desarrollo web. No solo permiten inspeccionar el código HTML y CSS, sino que también facilitan hacer cambios temporales y visualizar cómo se verá un sitio en distintos dispositivos, lo que es clave para el diseño responsivo.
Para abrirlas, puedes usar CTRL + SHIFT + C en Chrome para Windows o COMMAND + OPTION + C en Mac. También puedes hacer clic derecho en la página y seleccionar "Inspeccionar".
Con las Dev Tools puedes:
- Seleccionar el tipo de dispositivo (móvil, tableta, etc.).
- Inspeccionar y modificar elementos HTML.
- Ajustar el tamaño de la pantalla.
- Cambiar temporalmente los estilos CSS.
- Usar CTRL + SHIFT + M para activar la vista responsiva.
