Si te gusta Firebug, pero eres un usuario enamorado de las maravillas que ofrece Opera, hoy estás de enhorabuena. Opera Developer Tools es la versión para este navegador del famoso plugins para Firefox.
Entre las funcionalidades que nos encontramos en ODT (ODT tu!!) encontramos:
Inspector DOM
Nos permite revisar el arbol resultante de la carga de la página, en el encontraremos todos los elementos que aparecen en la página junto a los atributos de los mismos. La selección del elemento, es similar al usado en Firebug, podemos optar por seleccionarlo mediante un click sobre el elemento o buscándolo directamente en el árbol que nos muestran.
Inspector del Javascript
De igual forma que el árbol anterior podemos ver las variables y funciones javascript que tenemos cargadas en nuestro navegador. Además disponemos de una vista en la cual podremos ver los atributos y métodos de un elemento en concreto.
Inspector CSS
Tambien disponemos de un inspector de CSS, en el que podremos ver las hojas de estilos asociadas y a que media corresponden. Tambien podremos ver las reglas de estilos que tiene cada una de ellas asociada.
Herramientas para Opera 9.0 o superior
Consola DOM
Se trata de una consola, similar a la disponible en Firebug, que muestra en tiempo real la ejecución de los scripts y del DOM de la aplicación.
Editor CSS
Un curioso editor CSS que te permite modificar el aspecto de tu web sin salir del navegador.
DOM Snapshot
Interesante herramienta que nos permite inspeccionar el código fuente de nuestra página parseado por el navegador.
Via Ajaxian
4 comentarios, 1 referencias
+
#