只有部分CSS文件在Chrome中加载

Question

由于某种原因,我的页面只加载部分(约占我CSS文件的1/3 ).它是一个连接和缩小.如果我去http://staging.easyuniv.com/styles/dbf42ab5.main.css, 我可以看到整个事情.

最奇怪的部分是,如果查看Chrome开发工具中的来源,大约三分之一的空白(在类名称的中间),但是然后你可以滚动剩下的方式,就像文本在那里一样.

我正在使用以下内容将其加载到我的页面上:

<link rel="stylesheet" href="styles/dbf42ab5.main.css">

有人遇到过这样的事吗？我已经没事了.

Answer 1

该文件远非有效,应该可以查看,但这是我发现的...

• 我无法将CSS文件的内容粘贴到http://cssbeautify.com/中 - CSS与Chrome正在进行的几乎相同的地方被切断
• 我可以粘贴到http://www.codebeautifier.com/,它可以生成一个加载得很好的CSS文件!很奇怪.

通过一些试验和错误,似乎在一行上连接的CSS文件看起来像是在使用Chrome开发者工具时被切断了.该文件似乎已被解析为使用Ctrl+ Shift+ F并在文件的末尾搜索某些内容(我正在搜索zag-divider),然后Chrome报告已找到它,尽管找到的计数似乎是错误的.

具体来说,似乎这个CSS文件的任何行 > = 66,537个字符将被切断!例如:

• 单行CSS文件<= 66,536个字符不会被截断
• 单行CSS文件> = 66,537个字符将被截断
• 多行CSS文件> = 66,537个字符将只有> = 66,537的行将被切断

我有一行正好66,537个字符的CSS被切断,但是通过在第一个选择器和重新加载后添加一个回车符,整个文件在控制台中正确显示.

总而言之......一个包含任何行> = 66,537个字符的CSS文件看起来已经在Chrome开发者工具中被切断了,尽管文件实际上已经完全加载了.我通过在Chrome应用的行末添加规则对此进行了测试.

注意:如果看似神奇的数字是2 ^16,我会更开心

编辑:在Chrome 23.0.1271.97 m上进行的调查