Hace unos días Mozilla lanzaba el nuevo Firefox 10 con las novedades y mejoras de rendimiento con las que quieren recuperar el mercado perdido frente a Chrome, ya comentadas por nuestros compañeros de Genbeta. Pero también han hecho un giro claro hacia los programadores con nuevas herramientas de desarrollo integradas de forma nativa.
Las versiones anteriores de Firefox incluían ya una consola web, un editor de Javascript y una herramienta sencilla para inspeccionar el Document Object Model (DOM). Firefox 10 tiene un panel nuevo de desarrollo totalmente nuevo, con inspector DOM mucho más potente y una herramienta para visualizar y modificar las propiedades CSS.
El inspector DOM sigue el cursor por los elementos de la página, mostrando su composición y marcado HTML. Incluye un panel con todo el HTML que va revelando cada elemento del código implicado en dicha visualización, dando la posibilidad de modificar los elementos. También incluye un completo breadcrumb con el path completo de la jerarquía.
Por otro lado, tenemos el inspector CSS que muestra las propiedades de cada elemento y su CSS asociado. Cuenta con distintas casillas para activar o desactivar la visibilidad, además de poder reemplazar cualquiera de ellas.
De momento nada nuevo que no tengamos ya con Firebug, pero con la ventaja de ser menos intrusivas que otras alternativas más sofisticadas que quizás no necesitemos. Esperaremos a ver algunas de las funcionalidades en desarrollo para contar con algo más novedoso como utilizar WebGL para mostrar una representación tridimensional del DOM de la página.
A parte de todo esto relativo a las herramientas de desarrollo, Firefox 10 ha mejorado el soporte a los estándares webs, además de la inclusión de una nueva API que hace posible que un elemento HTML individual pueda salir de la ventana normal del navegador y visualizarse en pantalla completa. Y por último, destacar el soporte para transformaciones 3D con CSS
Descargar | Firefox 10
Vía | WebMonkey
En Genbeta Dev | Extensiones de Firefox para desarrolladores web
