Es un conjunto de herramientas de creación web y depuración integrado en Google Chrome
. Usa DevTools para iterar y depurar tu sitio,
Elements
para iterar la distribución y el diseño de tu sitio mediante la libre manipulación de DOM y CSS.Console
para registrar información de diagnóstico durante el desarrollo o úsalo como un shell para interactuar con el código JavaScript en la página.Sources
o conecta los archivos locales mediante espacios de trabajo para usar el editor en tiempo real de DevTools.Network
para obtener información sobre recursos solicitados y descargados, y optimizar el rendimiento de carga de tu página.Timeline
para mejorar el rendimiento del tiempo de ejecución de la página mediante la grabación y la exploración de los diferentes eventos que ocurren durante el ciclo de vida de un sitio.Profiles
si necesitas más información que la que proporciona el panel Timeline; por ejemplo, para rastrear pérdidas de memoria.