Pixelingblog

Review de Internet Explorer 8 y la nueva developer toolbar

01-04-2008 CSS, Estándares Leer

Estaba a punto de realizar un review de la nueva versión del navegador de Microsoft cuando he encontrado un análisis de Andrés Nieto que muestra exactamente lo que estaba buscando, Primeras pruebas para Internet Explorer 8. El artículo se centra en el soporte de la especificación CCS 2.1, CSS 3 y en el consumo de memoria y rendimiento con javascript.

Pero supongo que lo que más interesa a algunos de nosotros es la nueva versión de la developer toolbar.

Ie8 Developer Bar

A primera vista tenemos un clon de firebug para internet explorer (viva!), observamos las pestañas de html, css y script. La pestaña html nos muestra el árbol HTML y se puede editar el contenido de los atributos de los elementos, se echa en falta el modo edición para poder editar el nodo completo. La pestaña CSS nos muestra los estilos importados en la página, sin edición otra vez.

Resumiendo, sólo podremos editar la css de los elementos que tengan un atributo style, y activar o desactivar el resto de propiedades en plan booleano.

Ie8 Developer Bar CSS tree

Es más, la edición de propiedades CSS en el atributo style deja mucho que desear, por ejemplo al añadir al style la propiedad “border:solid 1px #FF0″ se transformará en esto:

style=BORDER-RIGHT: #ff0 1px solid; BORDER-TOP: #ff0 1px solid; BORDER-LEFT: #ff0 1px solid; BORDER-BOTTOM: #ff0 1px solid

Y si borramos el contenido del atributo, se borra el atributo también… En fin que si estábais pensando en desarrollar in-browser aún tendremos que esperar a las siguientes revisiones de este navegador. Y quién sabe, a lo mejor ayudando a los chicos de desarrollo del ie8 en un futuro tenemos un ieBug como dios manda.

Comparte con el mundo!: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • del.icio.us
  • Digg
  • Technorati

Comentarios

Añade un comentario »