Herramientas de desarrollo en Internet Explorer 8

Estamos a unas semanas de que se libere el beta 2 de Internet Explorer 8 y quise reseñar una característica muy interesante que he estado utilizando en los últimos días: el juego de herramientas de desarrollo de IE8, que ya está incluído desde el beta 1 (que se puede descargar desde el sitio de IE8).

En la barra de herramientas de IE8 hay un pequeño icono con un puntero entre corchetes angulares, como se ve en esta imagen:

Toolbar Icon

Al dar clic sobre el icono nos mostrará la ventana con herramientas para desarrollo Web, en particular visores para analizar y depurar HTML/XHTML, CSS y JavaScript/ECMAScript, que se ve así (da clic en las imágenes para que se vean más grandes):

Debugger JavaScript/ECMAScript

Para HTML/XHTML, CSS (y DOM):

Element Style Info

Con esta herramienta es posible revisar valores de etiquetas, estilos y código de script(valor de las variables, por ejemplo) desde el cliente para ver cómo se comporta, inclusive en diferentes modos de compatilibilidad.

¡Una herramienta de gran valor sin duda para los creadores de sitios Web orientados a estándares!