css - page - ¿Por qué Bootstrap intenta cargar archivos LESS en Edge?
wrapper html que es (2)
Tengo una página web usando Twitter Bootstrap. Funciona bien en Chrome, Firefox y Safari. Sin embargo, cuando trato de verlo en Edge en Windows 10, recibo un montón de 403 errores que indican que no se pudo cargar una gran cantidad de archivos .less desde el CDN de Bootstrap. ¿Por qué se solicitan archivos .less si el navegador no puede hacer nada con ellos? No estoy usando MENOS en absoluto, solo CSS3 simple, que se está procesando bien. ¿Cómo hago esta parada?
Hay un problema conocido con MaxCDN sí. (y CDNjs también)
Problemas registrados para referencia:
https://github.com/MaxCDN/bootstrap-cdn/issues/671 - Este problema está cerrado como duplicado
https://github.com/MaxCDN/bootstrap-cdn/issues/629 - error conocido
https://github.com/twbs/bootstrap/issues/19063 - abrir problema con Twitter bootstrap
Análisis de CDN:
Para sourceMappingURL que es bootstrap.min.css.map para el http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css , cualquiera de los archivos de extensión .less (por ejemplo, este archivo ) no se carga con el estado HTTP 403 (prohibido).
Chrome está eliminando este problema en la consola del desarrollador, pero Edge no. El problema al acceder a los archivos .less es reproducible al acceder a este enlace.
Este problema no es solo con MaxCDN , sino también con CDNjs . Los enlaces para CDNjs son this , this y this
La buena noticia es que esto no afectará a los usuarios habituales del sitio. La mala noticia es que esto también está sucediendo en Chrome hasta cierto punto, es solo que la pestaña de la red en Chrome no informa los errores 403.
En el archivo CSS al que se vincula, hay una línea en la parte inferior del archivo:
/*# sourceMappingURL=bootstrap.min.css.map */
Este es el mapa de origen y proporciona enlaces a todos los archivos de origen utilizados para generar el CSS mínimo que se encuentra en su navegador.
En la instancia de bootstrap, el CDN apunta a archivos que no existen, como http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/less/scaffolding.less
El archivo del mapa de origen solo se descargará si tiene los mapas de origen habilitados y sus herramientas dev abiertas. Edge usa de forma predeterminada los mapas de origen y, por lo que sé, no hay forma de desactivarlos (pero recuerda que esto solo sucederá cuando las herramientas de desarrollo estén abiertas, he confirmado este comportamiento con Fiddler), por lo que cuando presionas f12, entonces es voy a tratar de recuperar los archivos de origen de mapas. Chrome funciona de forma ligeramente diferente, descargará el mapa de origen pero luego no intentará descargar el archivo .less hasta que navegue hasta el archivo de origen.
Si uno de los archivos .less está devolviendo un 403 Forbidden response Edge lo informa en la pestaña de red. Cromo dosen''t.
Si usa el depurador http como Fiddler, verá que Chrome sí solicita los archivos y también recibe una respuesta 403, sin embargo, no lo informa en la pestaña de la red. Al usar Fiddler para superar el problema de https, cambié el archivo CSS para que apunte a la URL que no es https. por ejemplo: http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
La solución para este problema es arreglar los archivos que se encuentran en el mapa de origen. He planteado un problema en el bootstrap maxcdn GitHub repro: https://github.com/MaxCDN/bootstrap-cdn/issues/629