是否可以修改页面的JavaScript,然后重新加载页面,而无需重新加载修改后的JavaScript文件(从而丢失修改)?
当前回答
资源覆盖扩展可以让你做到这一点:
为要替换的url创建一个文件规则 编辑扩展中的js/css/etc 重新加载就像你想要的:)
其他回答
好消息,修复将于2018年3月发布,请查看这个链接:https://developers.google.com/web/updates/2018/01/devtools
“本地覆盖可以让你在DevTools中进行更改,并在页面加载时保持这些更改。以前,当你重新加载页面时,你在DevTools中所做的任何更改都会丢失。本地覆盖适用于大多数文件类型
工作原理:
指定DevTools保存更改的目录。当你 在DevTools中进行更改时,DevTools会保存修改文件的副本 到您的目录。 当你重新加载页面时,DevTools提供 本地修改的文件,而不是网络资源。
设置本地覆盖:
打开Sources面板。 打开Overrides选项卡。 单击安装程序覆盖。 选择要将更改保存到的目录。 在视图的顶部,单击允许,给予DevTools对目录的读写访问权。 做出你的改变。”
更新(2018年3月19日):这是现场,详细解释在这里:https://developers.google.com/web/updates/2018/01/devtools#overrides
资源覆盖扩展可以让你做到这一点:
为要替换的url创建一个文件规则 编辑扩展中的js/css/etc 重新加载就像你想要的:)
是的,你可以很容易! 源->文件系统->选择容器文件夹->允许访问->打开您的文件,编辑并保存。 https://www.delftstack.com/howto/javascript/edit-javascript-in-the-browser/
这是一种迂回方法,但实现这一点的一种方法是在想要操作的javascript文件或块的开头添加断点。
然后在重新加载时,调试器将在该断点上暂停,您可以对源代码进行任何更改,保存文件,然后通过修改后的代码运行调试器。
但正如每个人都说过的,下一次重新加载更改就会消失——至少它可以让你运行一些稍微修改过的JS客户端。
我知道这不是确切问题的答案(Chrome开发工具),但我成功地使用了这个解决方案:http://www.telerik.com/fiddler
(我敢肯定一些web开发人员已经知道这个工具了)
在本地保存文件 根据需要编辑 利润!
完整文档:http://docs.telerik.com/fiddler/KnowledgeBase/AutoResponder
PS.我宁愿在Chrome中实现它作为重新加载后的标志保留,现在不能这样做,论坛和讨论组在公司网络上被封锁:)
推荐文章
- 给一个数字加上st, nd, rd和th(序数)后缀
- 如何以编程方式触发引导模式?
- setTimeout带引号和不带括号的区别
- 在JS的Chrome CPU配置文件中,'self'和'total'之间的差异
- 用javascript检查输入字符串中是否包含数字
- 如何使用JavaScript分割逗号分隔字符串?
- 在Javascript中~~(“双波浪号”)做什么?
- 谷歌chrome扩展::console.log()从后台页面?
- 未捕获的SyntaxError:
- [].slice的解释。调用javascript?
- jQuery日期/时间选择器
- 我如何预填充一个jQuery Datepicker文本框与今天的日期?
- 数组的indexOf函数和findIndex函数的区别
- jQuery添加必要的输入字段
- Access-Control-Allow-Origin不允许Origin < Origin >