在使用本地文件时无法使用谷歌Chrome开发工具获得断点

Question

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

OS X El Capitan

10.11.3（15D21）

铬：

版本48.0.2564.116（64位）

这对我来说在Windows 10上运行正常。

Answer 1

好的，我通过浏览来源标签解决了这个问题。导航到尝试从您正在导航的站点进行调试的文件。在我的情况下，它是在localhost /.....

找到要调试的文件后，文件顶部应该有一个选项来建立映射。按照说明将其映射到本地文件。执行此操作后，您将能够设置已映射的本地文件的断点。在我的情况下，为一个文件建立映射似乎已映射映射文件夹下的其余本地文件。