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

时间:2015-03-30 16:33:09

标签: google-chrome google-chrome-devtools

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

所以我将script.js复制到我的本地驱动器,在Chrome开发工具中,我将我的本地文件夹添加到工作区。然后,我右键单击我的远程script.js文件,然后选择Map to File System Resource...。我选择了我的本地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开发者工具中的文件进行临时本地更改,并在重新加载页面时反映这些更改?我认为这是本地文件系统资源的目的。

1 个答案:

答案 0 :(得分:13)

工作空间用于映射文件中的相同文件并通过网络提供服务。 (比如服务〜/ code / app到localhost:8000)。

它不能用于提供本地文件作为替代。我们推荐使用Flip the Script