Depurar y editar páginas web con Chrome DevTools
Las Herramientas de desarrollo de Google Chrome, también conocidas como Chrome DevTools, son herramientas avanzadas de creación y depuración web integradas en la aplicación de Google Chrome. Los desarrolladores utilizan estas completas herramientas para iterar, depurar y perfilar su sitio web sin necesidad de salir del entorno de Chrome. DevTools también les permite a sus desarrolladores realizar un seguimiento de los problemas de diseño, obtener información sobre la optimización de código y establecer puntos de interrupción de JavaScript.
¿Cómo se usa Chrome DevTools?
Para utilizar las herramientas de desarrollo de Google Chrome, todo lo que tienes que hacer es abrir una página con Google Chrome. En el menú de Chrome, se selecciona "Herramientas" y luego "Herramientas para desarrolladores". También se puede hacer clic con el botón derecho del ratón en un elemento de la página y seleccionar "Inspeccionar elemento". Otra forma de llegar ahí, es utilizando el teclado, seleccionando ctl+shift+i en los dispositivos basados en Windows o cmnd+opt+i en los dispositivos Mac. Las DevTools se agrupan en una barra de herramientas en la parte superior de la ventana del navegador. De este modo, se puede trabajar con un tipo específico de información de página o aplicación en varios grupos de herramientas, incluyendo elementos, perfiles, consola, recursos, red, línea de tiempo, auditorías y fuentes. Cada herramienta facilita la solución de problemas, mejora el rendimiento de la red y obtiene información sobre lo que hay que hacer para mejorar su sitio. También le permiten ver su tamaño con diferentes tamaños y resoluciones de pantalla.
¿Una gran herramienta para la solución de problemas y la mejora de su sitio?
Las Herramientas para desarrolladores de Google Chrome permiten editar páginas web sin necesidad de una herramienta independiente. Cuenta con excelentes características para inspeccionar y editar con un solo árbol DOM. La consola de JavaScript también permite registrar información de diagnóstico y utilizar un indicador de shell para probar páginas y aplicaciones. Las potentes herramientas de depuración también ayudan a encontrar y solucionar problemas con JavaScript, mientras que las herramientas de red y auditoría ofrecen datos en tiempo real sobre los recursos para identificar por qué las solicitudes están tardando más y comprender cómo mejorar las respuestas.
.png){kind=icon}
