Opera Developer Console

Opera Developer Console es una herramienta realizada en Javascript que nos ayuda a inspeccionar y analizar durante el desarrollo o el debug diversos aspectos de las páginas web.

La herramienta dispone de varias pestañas que nos muestra la informacion sobre:

• DOM: nos muestra un árbol de nodos, permitiendo seleccionar los elementos mediante los nodos o los nodos mediante la selección en el documento. A parte nos permite buscar entre los nodos, eliminar nodos, ver sus características y filtrar los nodos vacios.
• JS: un inspector Javascript que nos da la posibilidad de ver los objetos y sus atributos y buscar entre ellos.
• CSS: gracias a esta pestaña podemos obtener información de cada hoja de estilos, pudiendo activarlas o desactivarlas, editarlas y exportarlas.
• HTTP: permite inspeccionar las cabeceras HTTP enviadas desde el servidor, ver y editar las cookies y saber qué peticiones Ajax se realizan desde el documento.

Una herramienta muy interesante, que parece estar al nivel de Firebug.

Using the Opera Developer Console

Vía / Ajaxian