Santiago Flores escribió:
disculpen mi ignorancia
lo miro por donde lo miro y no entiendo su utilidad,
alguna pista? enlace?
Pues es una herramienta increible, te permite saber como queda el
documento html (en realidad cualquier documento xml) una vez ha cargado
en el navegador. Con esto el encontrar fallos en tus css es bastante más
sencillo que el prueba y error.
Cuando lo habres verás dos grandes zonas, la izquierda en la que aparece
el árbol del documento y la derecha en la que ves las propiedades de un
nodo, si le das al botón "Inspect" tendrás como queda el documento en la
parte inferior y sino en la ventana original.
A la izquierda de la barra de direcciones hay un par de elementos que te
permiten buscar nodos del documeto, el primero visualmente y el segundo
mediante su id, tag o atibuto.
Si haces clic en los elementos del árbol, en la ventana original verás
que parpadean, con lo que es sencillo localizarlos.
En el panel de la derecha, como comentaba, puedes obtener diversa
información de cada nodo cambiando el valor del desplegable, con DOM
Node ves la información de los atributos que ha detectado, con Box Model
en que posición y que dimensiones tiene ese elemento en la página, XBL
Bindings te resultará útil si desarrollas extensiones, ya que los
propios productos de Mozilla para definir los interfaces utilizan xml y
css, en CSS Style Rules vas a ver de una forma muy precisa que estilos
le estan llegando a cada elemento y de que hoja de estilos e incluso los
puedes modificar y ver su resultado en "caliente", en Computed Style
tienes información de que valores toma el elemento una vez dibujado, por
ejemplo si tienes en el css que un elemento tiene una anchura del 50%
aquí veras en cuantos pixeles se ha quedado en ese momento y para
finalizar Javascript Object muy útil a la hora de depurar o desarrollar
con Javascript, ya que te aparecen todos los métodos y propiedades del nodo.
Esto es por encima lo que puedes hacer con DomI, que en muchos casos te
ayuda a encontrar esas cosas que no encajan y no sabes porque es.
--
Saludos -=stripTM=-
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
