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

我有一个远程网页加载一个名为script.js的远程JavaScript文件。我没有立即访问远程文件系统进行更改来测试某些东西。

所以我将script.js复制到我的本地驱动器,并在Chrome开发工具中将我的本地文件夹添加到工作区。然后我右键单击我的远程script.js文件,并选择映射到文件系统资源….我选择我的本地script.js。

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

但是在“源”选项卡中,当选择本地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开发工具中的文件进行临时本地更改,并在重新加载页面时反映这些更改?我以为这是本地文件系统资源的目的。

工作空间是为了映射文件中通过网络提供的文件。 (像服务〜/ code / app到localhost:8000)。

它不适用于为本地文件提供服务作为替代。有一些Chrome扩展程序,我建议Flip the Script

http://stackoverflow.com/questions/29351513/chrome-dev-tools-workspace-mapping-mismatch

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:Google Chrome – Chrome开发工具 – 工作区映射不匹配