谷歌浏览器检查问题。不显示本地文件的 CSS 路径答案

【问题标题】：Google Chrome Inspecting Issue. Not showing CSS paths for local files谷歌浏览器检查问题。不显示本地文件的 CSS 路径
【发布时间】：2014-10-09 13:47:11
【问题描述】：

今天我的 Google Chrome 检查器遇到了非常意外的问题。当我检查我的本地 HTML 文件时，我注意到我无法看到我的类来自哪个 css 文件。这很奇怪，因为它以前总是显示出来。这是屏幕截图

但如果我不是从本地检查网络表单，它会显示文件：

为什么要这样做？这样做是因为 Google Chrome 最近有更新吗？我怎样才能使它也适用于本地文件？我非常需要它。

谢谢

【问题讨论】：

【解决方案1】：

我刚刚通过引用源映射相对于工作区根解决了这个问题。请参阅我的回答 here 了解更多信息。

【讨论】：

【解决方案2】：

我和你有同样的问题。
尝试取消选中“DevTools 设置”的“源”组中的“启用 CSS 源映射”。
我想一个是针对 SASS/LESS 文件的，但由于某种原因，它也会影响普通的 CSS 文件。

【讨论】：

【解决方案3】：

这似乎是一个错误。请参阅https://crbug.com/422073 以跟踪此问题的进展，如果您有其他信息，请在此处发表评论。到目前为止，我无法重现此问题。

【讨论】：