Google chrome 在使用本地文件时无法命中断点Google Chrome开发工具

Chrome dev tools有一个非常酷的功能，可以让您将正在调试的网站的源代码映射到机器上存储的本地文件。这使您能够在chrome开发工具上更改代码，并将这些更改反映在本地存储的文件中。这是一个非常好的特性，因为您可以直接从开发工具进行编辑和调试。不幸的是，在mac上，断点没有命中。但是，如果我对它们确实反映的文件进行更改，断点不会命中

奥斯卡皮坦酒店

10.11.3（15D21）

铬：

版本48.0.2564.116（64位）

---

这在windows 10上对我来说效果很好。

好的，我通过浏览“源”选项卡解决了这个问题。从正在导航的站点导航到尝试调试的文件。在我的例子中，它位于localhost/

找到要调试的文件后，应在文件顶部提供一个选项以建立映射。按照说明操作并将其映射到本地文件。完成此操作后，您将能够设置已映射的本地文件的断点。在我的例子中，为一个文件建立映射似乎已经映射了映射文件夹下的其余本地文件