Chrome 开发人员工具未显示本地托管的 Zurb Foundation 页面的 CSS 表或行答案

【问题标题】：Chrome Developer Tools not showing CSS sheet or line for locally hosted Zurb Foundation pagesChrome 开发人员工具未显示本地托管的 Zurb Foundation 页面的 CSS 表或行
【发布时间】：2014-10-10 16:14:26
【问题描述】：

这有点远，但我已经束手无策了。在开发本地托管的 Foundation 页面时，Chrome 开发人员工具在检查时停止显示每个单独的 CSS 规则的样式表和行，而似乎只是显示元素的媒体查询。我注意到我使用 Foundation 构建的其他本地托管页面也在做同样的事情。似乎只有本地托管的 Foundation 页面给了我这个问题。本地托管的 Bootstrap 页面以及实际托管的 Foundation 页面按预期工作。我不知道这里发生了什么，也不知道为什么开发人员工具会在构建过程中停止工作。我检查了所有设置，下载了 Chrome Canary 并看到了相同的结果。我没有运行任何类型的本地服务器，例如 MAMP，这在过去从来都不是问题。

有什么帮助吗？

【问题讨论】：

标签： google-chrome zurb-foundation developer-tools

【解决方案1】：

如果您使用prefixfree.min.js，只需将其删除或注释掉，一切都会恢复正常。

【讨论】：

【解决方案2】：

我很确定答案在我的文件夹结构中。父文件夹包含一个空白的“”空间，替换为 - 一切似乎都可以工作。

【讨论】：

这也发生在我身上，但我的父文件夹中没有空格。在几天没有使用开发工具后，我今天早上开始看到这个。我看到的不是 CSS 文件名和行号，而是显示在浏览器中的文件名（即“myfile.html”）。