google-chrome - Chrome 开发工具 - 工作区映射不匹配

Question

我有一个远程网页，它加载一个名为 script.js 的远程 JavaScript 文件。我无法立即访问远程文件系统来进行更改以测试某些内容。

因此，我将 script.js 复制到本地驱动器，并在 Chrome 开发工具中将本地文件夹添加到工作区。然后，我右键单击远程 script.js 文件并选择 Map to File System Resource...。我选择本地 script.js。

所以现在我希望我的语言环境更改为 script.js 以覆盖远程 script.js，对吧？这样我就可以对本地 script.js 进行一些更改，当我重新加载页面时，我可以看到更改反射(reflect)在我的页面上。

但是，在“源”选项卡中，选择本地 script.js 时，我在顶部看到警告:

Workspace mapping mismatch

The content of this file on the file system:

file:///Users/me/test/script.js

does not match the loaded script: 

http://someserver.com/js/script.js

Possible solutions are:
- Reload inspected page
- Check that your file and script are both loaded from the correct source and their contents match

这是否告诉我本地 script.js 需要与远程 script.js 完全相同？如果是这样，那么本地资源有什么意义呢？

这不是可以让您对其进行更改并在浏览器中查看这些更改的反射(reflect)吗？如果它必须与远程文件匹配，那么您必须已经具有编辑远程文件的权限，在这种情况下，您将在远程文件中进行更改，而不是在本地文件上进行更改。如果是这样，那么映射本地资源有什么意义呢？

我在这里遗漏了什么吗？是否无法在 Chrome 开发工具中对文件进行临时本地更改，并在重新加载页面时反射(reflect)这些更改？我认为这就是本地文件系统资源的目的。

Answer 1

工作区旨在映射文件中并通过网络提供的同一文件。 (就像将 ~/code/app 服务到 localhost:8000 一样)。

它不适用于提供本地文件作为替换。有一些Chrome扩展程序可以做到这一点，我推荐Flip the Script .