Herramienta de Desarrollo para Chrome

Esta página web es un archivo de los hilos antiguos de los foros de Google. Más información

JvPro

21/03/12 20:57

Hola. Soy un desarrollador de Aplicaciones Web. Quisiera saber que herramientas para el Desarrollo ofrece Chrome, en Firefox uso:

Firebug, vi que Chrome lo tiene, lo malo que no esta completo le falta muchas mas utilidades.
Web Developer, tambien Chrome lo tiene pero incompleto.
Html Validated.

¿Cuales son sus semejantes en Chrome?. Ya que tengo que hacer bastante test de varias aplicaciones.

Respuestas (1)

Alejandro Silvestri

23/03/12 4:33

Estimado, pulsá ctrl+mayús+J y abrirás el panel de desarrollador, con varias herramientas.

Verás arriba del panel una serie de íconos (elementos, recursos, red, etc.), cada uno corresponde a una herramienta, que te menciono algunos rápidamente:

Elementos, te permite recorrer el DOM en forma de árbol y modificarlo
Recursos, te presenta todos los archivos (html, css, js, imágenes, videos, etc.) que utiliza la página, y otros recursos como los de almacenamiento y cookies
Red, registra actividades de la conexión, pedidos GET y POST, duración, etc.
Scripts, te permite ver todos los scripts de la página, incluyendo extensiones. Al pie hay un botón con llaves denominado Pretty Print, que formatea el código para facilitar su lectura. También podés editarlo.
Consola (de javascript), la típica consola de comandos directos, para evaluar variables, llamar funciones o ejecutar lo que puedas poner en una sola línea

Con mayús+ESC abrís el administrador de tareas, y con ctrl+U abrís una pestaña con el código fuente de la página.

Esto resume las herramientas de Chrome. También hay muchas extensiones para desarrolladores.