una para paginas pagina lista etiquetas ejemplos decorar completa codigos codigo css internet-explorer ie-developer-tools

para - etiquetas css



Ver hojas de estilo CSS en IE11 F12 Herramientas de desarrollo (3)

Falta la pestaña CSS y el depurador tampoco muestra los archivos CSS.

Sin embargo, si encuentra un elemento en el explorador de dom con estilos aplicados desde un archivo css, puede hacer clic en el nombre del archivo y abrir el archivo completo.

En versiones anteriores de las herramientas de desarrollador de IE, era posible abrir la fuente de los archivos CSS en el depurador.

Esto fue de gran utilidad para verificar que realmente se habían descargado / referenciado correctamente, es decir, si la solicitud de una hoja de estilo devolvió un error 404, entonces esa es la causa de la ruta de mis estilos que no se aplican.

Sin embargo, a partir de IE 11, el depurador ya no lista los archivos CSS, así que no puedo usar eso para ver su fuente y verificarlos.

Sé que puedo hacer esto a través del generador de perfiles, pero eso requiere iniciar un rastreo de perfil y volver a cargar la página, lo que no es exactamente propicio para un flujo de trabajo fácil. (No para los bloqueos frecuentes que se utilizan las herramientas F12 que se experimentan en cualquiera de las pestañas del perfil)

¿Hay todavía herramientas de desarrollo para ver la fuente de los archivos CSS?

Me sorprendió descubrir esto hoy, y recurrí al uso de la herramienta Chrome F12. Bajo la pestaña de Recursos en el panel de la izquierda, puede expandir Marcos para acceder a Imágenes, Secuencias de comandos y Hojas de estilo para su página. .

No hace falta decir que esto solo ayuda si tiene acceso a Chrome y el sitio lo admite.