miércoles, 3 de septiembre de 2008

Chrome - inspector de carga

Me quito el sombrero ante google, acabo de probar el nuevo google chrome y es acojonante. Como estoy desarrollando una aplicación web basada en php, javascript y bla bla bla, lo he probado y me ha salido un inspector de código que te da la velocidad a la que ha cargado la página, los elementos que ha cargado y los errores obtenidos.


Como se puede ver se obtiene el tiempo de carga de la página y los errores obtenidos en cada uno así como que elemento se carga y en que orden.

Además tenemos un debugger de javascript:


Ahi podemos ver los scripts que están cargados en el explorado.
Podemos ver y poner breakpoints en cada codigo javascript.
Evaluar expresiones.
...

Estas son las opciones que nos permite:

$ help break
usage: break [location]
location is one of | | |
$ help break_info
usage: break_info [breakpoint #]
list the current breakpoints, or the details on a single one
$ help clear
usage: clear
$ help help
usage: help [command]
$ help print
usage: print
$ help scripts
usage: scripts


Otra pantalla interesante es:


En ella podemos la diferente estructura de la página web, lo que se llama DOM, y todas las propiedades que ella tiene.

Por ahora no puedo profundizar más en chrome, si tengo alguna noticia más intentaré documentarlo un poco.