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

Question

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

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

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

但是，在“源”选项卡中，在选择“本地”@ 987654330时，我会看到顶部的警告：

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 完全相同？如果是这样，那么本地资源的意义何在？

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

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

Answer 1

Workspaces 旨在映射文件中的同一文件并通过网络提供服务。 （例如将 ~/code/app 提供给 localhost:8000）。

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