我有一个远程网页,它加载了一个名为script.js
的远程JavaScript文件。我无法立即访问远程文件系统以进行更改来测试某些内容。
因此,我将script.js
复制到本地驱动器中,并在Chrome Dev Tools中将我的本地文件夹添加到工作区。然后我右键单击我的远程script.js
文件并选择映射到文件系统资源...
,再选择我的本地script.js
。
所以现在我期望我的本地script.js
的更改会覆盖远程script.js
,对吗?这样我就可以对我的本地script.js
进行一些更改,当我重新加载页面时,可以看到页面上反映出的更改。
然而,在“Sources”选项卡中,当选择我的本地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 工具中临时更改文件并在页面重新加载时反映这些更改不可能吗?我认为这就是 Local File System Resources 的目的。