我有一个远程网页,可以加载名为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开发者工具中的文件进行临时本地更改,并在重新加载页面时反映这些更改?我认为这是本地文件系统资源的目的。
答案 0 :(得分:13)
工作空间用于映射文件中的相同文件并通过网络提供服务。 (比如服务〜/ code / app到localhost:8000)。
它不能用于提供本地文件作为替代。我们推荐使用Flip the Script。