Las herramientas de desarrollo de Internet Explorer , también conocidas como herramientas de desarrollo F12 en Windows 10, y anteriormente conocida como barra de herramientas de desarrollo de Internet Explorer , es una herramienta de desarrollo web integrada en Microsoft Internet Explorer y Microsoft Edge que ayuda en el diseño y depuración de páginas web.
Se introdujo como una barra de herramientas para Internet Explorer 6 y 7 . Internet Explorer 8 y versiones posteriores tienen herramientas de desarrollo integradas. Permite validar CSS y HTML , obtener una vista previa del diseño de la página en varias resoluciones y también ofrece una regla (que mide en píxeles) para ayudar a posicionar los elementos. [1] Permite ver la fuente de toda la página, codificada por colores para facilitar la navegación, o elementos seleccionados de la misma, así como ver la fuente DOM y los selectores CSS que se aplican al elemento. También permite ver las propiedades y estilos de elementos individuales y también rastrear estilos de elementos hasta su declaración. [2]
La barra de herramientas incluye un panel que se puede alternar en la parte inferior de la ventana. El panel muestra la estructura de la página web; y para cada estructura, las propiedades y estilos. Expone sus funciones a través de una jerarquía de menús e incluye botones de la barra de herramientas para acceder rápidamente a funciones como borrar la memoria caché del navegador y habilitar la selección de elementos haciendo clic en la página renderizada, en lugar de navegar a través de la representación visual del árbol DOM. [2]