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

Question

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

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

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

但是，在“源”选项卡中，选择我的local 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 完全相同？如果是这样，那么本地资源的意义何在？

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

我是不是漏掉了什么？是否无法在 Chrome Dev Tools 中对文件进行临时本地更改，并在重新加载页面时反映这些更改？我认为这就是本地文件系统资源的目的。

Answer 1

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

将本地文件用作替代文件将不起作用。有一些 Chrome 扩展，我推荐 Flip the Script。

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

Chrome Dev Tools - Workspace mapping mismatch

google-chrome

google-chrome-devtools