有没有办法在页面重新加载之间保存远程资源的css/js更改或将远程资源映射到devtools中的本地？

Question

我知道最近在DevTools中引入的Workspaces,但这不是我需要的.例如:页面使用从CDN加载的jquery,我修改jquery库代码,按ctrl-s,重新加载页面 - >修改丢失.或者我想调试一些我没有能力更改文件的网站.

我不想只保存更改,如保存CSS - 浏览时,如何将chrome文件从chrome dev或firebug保存到本地目录,我希望它们在页面重新加载之间保持不变.

Answer 1

你得到了大部分,但这是微小的变化:

在"样式"窗格(或"源")中进行更改,然后单击"源",并在打开修改后的文件时单击ctrl-s.

然后,您可以右键单击"源"列表中的资源,然后单击" 另存为..."并将新修改的文​​件保存到磁盘.

如果没有将修改后的远程文件保存到磁盘并且希望在重新加载时更改它,则无法保存修改后的远程文件.

Answer 2

工作区允许您编辑映射到本地目录的文件 - 但自然地,先决条件是提供本地文件.

如果您正在播放文件,则无法直接/方便地访问(无论出于何种原因),我建议您设置像Burp这样的篡改代理.简而言之,你将能够修改服务器的响应和执行上即时搜索和替换像cdn.example.com/jquery-library.js以localhost:8080/jquery-library.js在HTML体.之后你要做的就是设置一个本地服务器(平凡)并编辑脚本的本地实例!

这是一个方便的模式,可以预览对生产内容的本地更改,只要它不用于代替测试环境.