Share via


Servicios de utilidades Barra de herramientas de Programador de Internet Explorer

Lance Whitney

Si desarrollar contenido Web o sólo admite de administrador de su local Web, aquí una utilidad gratuita de Microsoft para facilitar su trabajo. La barra de herramientas Internet Explorer Developer le ayudará a solucionar misbehaving páginas Web por permitir que leer (Peek) en segundo plano. La barra de herramientas muestra todas las etiquetas y estilos para el texto, tablas, imágenes y otro contenido HTML. Se puede ver las reglas de estilo, resaltar elementos específicos en la página y validar incluso el HTML y CSS.

Se instala Internet Explorer Developer barra de herramientas desde el archivo IEDevToolBarSetup.msi descargado. Después de la instalación, vuelva a abrir Internet Explorer y un nuevo botón aparece denominada barra de herramientas Programador de Internet Explorer en la barra de comandos. Haga clic en el botón y la barra de herramientas se abre en la parte inferior de la ventana de explorador, dividida en tres paneles (consulte la captura de pantalla). El primer panel muestra una vista de árbol de todos los elementos de página Web. Haga clic en cualquier elemento revela sus atributos y estilos de los otros dos paneles.

Utiliza menús desplegable, puede resaltar elementos específicos en la pantalla, haciendo clic en ellos o mediante la búsqueda de ellos. Buscar todas las etiquetas h3, de ejemplo y uno tras otro aparecen en la vista de árbol. Seleccionar una etiqueta, a continuación, describe el elemento correspondiente en la página. También puede encontrar elementos seleccionando categorías de específicas, como etiquetas div, tablas, imágenes y objetos colocados mediante ubicación absoluta o relativa.

\\msdnmagtst\MTPS\TechNet\issues\en\2008\11\Whitney - Utility\layout\FIGURES\fig01_L.gif

en segundo plano de una página Web

La barra de herramientas puede ser especialmente útil para trabajar con las reglas de estilo. Pueden resaltar todos los elementos de una página con estilos de ID o clase. Puede generar un informe de todas las reglas en la hoja de estilos para determinar dónde y cómo se aplican. Puede incluso deshabilitar todo CSS para ver cómo se ven afectados los elementos de la página.

Para administrar objetos gráficos con la barra de herramientas, puede habilitar y deshabilitar las imágenes y revelan la resolución, tamaño, ruta de acceso y etiqueta alt para cada imagen. La barra de herramientas también generará un informe de imagen fácil de leer muestra los detalles principales para todos los gráficos.

Mediante la barra de herramientas, puede cambiar el fácilmente tamaño la página del explorador con cualquier resolución de 800 x 600 a 1280 x 1024 o su propio tamaño personalizado. Una regla en la pantalla mide ningún elemento por píxeles. Una herramienta de selector de color muestra una eyedropper que permite seleccionar un objeto para ver su valor de color en RGB y hexadecimal.

Para ayudarle a solucionar problemas de páginas Web, la barra de herramientas puede deshabilitar ciertos elementos, como JavaScript y las cookies. Puede ver el código HTML de su contenido, la página completa o simplemente un objeto seleccionado. Además, la presentación del origen es el formato y coloreada de modo que puede separar fácilmente contenido de las etiquetas. Desde la vista de árbol, puede incluso agregar y quitar los estilos y otros atributos en la pantalla representada de la página para ver su efecto. Por último, la barra de herramientas garantizará que su contenido se busca validez XHTML, vínculos rotos y accesibilidad mediante canalizar la página para el servicio de validación de World Wide Web Consortium (W3C).

La barra de herramientas Internet Explorer Developer es compatible con Internet Explorer 6 y 7 en Windows XP, Windows Vista y Windows Server 2003. Visite go.microsoft.com/fwlink/?LinkId=125120 Para obtener más detalles y un vínculo para descargar la barra de herramientas.

lance Whitney es un TI consultor, desarrollador Web y escritor técnico. Ha empleado en innumerables horas que se ajuste de las estaciones de trabajo de Windows y los servidores. Originalmente un Periodista, tuvo un bisiesto ciega en el mundo de TI hace 15 años.