如果我指定一个不受支持的媒体类型("bork")的CSS链接,它仍然会被我尝试的每个浏览器下载(包括桌面和几个移动浏览器).
<link href="bork.css" media="bork" rel="stylesheet" type="text/css" />
它变得更糟......
如果文件bork.css @import是另一个CSS文件(也使用不支持的媒体类型),则第二个CSS文件也会被下载.
/* Inside "bork.css" */
@import url("bork2.css") bork, bork;
为什么!？
我的第一个假设是某些浏览器可能正在搜索它们支持的媒体类型的嵌套@import或@media块 - 然后应用这些文件中包含的样式规则......
/* Inside "bork2.css" */
@import url("all.css");
@media all {
/* rules */
}
...但据我所知,没有一个浏览器能做到这一点.(幸运的是,因为那将是一个错误.)
因此,所有这些下载似乎完全是多余的 - 除非有一些我一直错过的解释.
编辑:我想要了解的是,激励浏览器制造商:
"嘿!我们正试图让我们的浏览器疯狂!让我们下载一堆我们无意申请的CSS文件,并停止加载同时其他资源!"
我正在寻找一些最小化css和js文件的应用程序或网站.理想情况下,他们可以批量处理所有或不批处理,一次一批.