Chrome检查员在许多localhost站点中不再显示css行号

时间:2014-10-09 19:39:18

标签: google-chrome web-inspector

我访问的每个其他网站,检查员都按预期工作:

enter image description here


但在我在apache服务器(使用xampp)中编辑的许多网站中,他们不会显示“filename.css:lineNumber”数据

enter image description here

此外,我尝试在这些网站的检查器中进行的每项更改都不会对源标签中显示的代码执行任何操作。

我尝试刷新,使用缓存刷新,关闭并打开选项卡,再次关闭并打开chrome。出现同样的问题。

在其他站点中,检查员运行良好,但在许多localhost站点中都不行。 以前有人经历过这个吗?有办法解决这个问题吗?

3 个答案:

答案 0 :(得分:3)

如果您使用的是客户端CSS生成器库,例如Lea Verou的优秀-prefix-free或客户端Less,则您将看不到源信息,因为它已全部处理完毕并重新注入样式元素。

客户端Less具有属性[dumpLineNumbers],以将源行信息包含在生成的源中作为注释。 (我不确定这是否会在Chrome的检查员中显示 - 但我认为可能会这样做)

唯一的"修复"我知道for -prefix-free是暂时删除它,获取源信息以供参考,然后将其重新放入。

答案 1 :(得分:1)

我遇到了完全相同的问题(没有使用css生成器),而且它似乎是当前Chrome版本的一个已知错误,解决方案是使用更新的Beta版本,称为Chrome Canary - 这是链接:)

https://www.google.co.uk/intl/en/chrome/browser/canary.html

答案 2 :(得分:0)

尝试检查CSS文件的格式。 UNIX和Macintosh格式也遇到了同样的问题。例如,尝试在Notepad ++中打开CSS文件,在窗口的右下角,您将看到当前的格式。如果您在那里看到UNIX或Macintosh,请使用鼠标右键单击它并更改为DOS / Windows。然后保存您的文件并在Chrome中刷新您的页面。这绝对有助于我。enter image description here