Contenido

Opera Developer Console

13 Mar

+ 5

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.

opera_xmlhttprequest1.jpg

Entre las funcionalidades que nos encontramos en ODT (ODT tu!!) encontramos:

Inspector DOM

overview_dom.png

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

overview_js.png

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.

dom_details_properties.png

Inspector CSS

overview_css.png

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.

DOM Console.

Editor CSS

Un curioso editor CSS que te permite modificar el aspecto de tu web sin salir del navegador.

CSS Editor.

DOM Snapshot

Interesante herramienta que nos permite inspeccionar el código fuente de nuestra página parseado por el navegador.

DOM Snapshot.

Via Ajaxian

  • hola, pués a juzgar por las screen-shoots se vé que está muy bien logrado [ claro, és de opera-dev-team 😉 ],,, aunque en lo personal, no he probado su simíl en firefox,,, estaría bien que quien haya probado los 2 nos diga cual es el mejor, a su punto de vista… mismo que de seguro está equivocado si elige firefox… XD !¡

  • «»mismo que de seguro está equivocado si elige firefox …»»

    ¿Para qué querrá nadie una comparación si de antemano tiene decido el resultado (más penoso aún cuando dice no haber probado uno de los elementos de la comparación)?

  • Lo he estado probando, y con todos mis respetos, no hay color.

    No es que esta utilidad vaya mal o sea mala, es que Firebug es demasiado buena 😛 En comparación Firebug es mucho mejor por la sencillez, opciones e integración con el navegador.

  • # 2, te odio… por teto y nerd… que no viste mi expresión de cara de diablillo? » XD «… osea, lo decía en juego… mismo que no está muy lejos de la realidad… XD ¡!

    [ psst, psst, sí, puse otra vez cara de diablillo, osea, estoy jugando… wey! 🙂 ]

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.