是否可以修改页面的JavaScript,然后重新加载页面,而无需重新加载修改后的JavaScript文件(从而丢失修改)?
当前回答
好消息,修复将于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
其他回答
是的,你可以很容易! 源->文件系统->选择容器文件夹->允许访问->打开您的文件,编辑并保存。 https://www.delftstack.com/howto/javascript/edit-javascript-in-the-browser/
这是一种迂回方法,但实现这一点的一种方法是在想要操作的javascript文件或块的开头添加断点。
然后在重新加载时,调试器将在该断点上暂停,您可以对源代码进行任何更改,保存文件,然后通过修改后的代码运行调试器。
但正如每个人都说过的,下一次重新加载更改就会消失——至少它可以让你运行一些稍微修改过的JS客户端。
资源覆盖扩展可以让你做到这一点:
为要替换的url创建一个文件规则 编辑扩展中的js/css/etc 重新加载就像你想要的:)
我知道这不是确切问题的答案(Chrome开发工具),但我成功地使用了这个解决方案:http://www.telerik.com/fiddler
(我敢肯定一些web开发人员已经知道这个工具了)
在本地保存文件 根据需要编辑 利润!
完整文档:http://docs.telerik.com/fiddler/KnowledgeBase/AutoResponder
PS.我宁愿在Chrome中实现它作为重新加载后的标志保留,现在不能这样做,论坛和讨论组在公司网络上被封锁:)
好消息,修复将于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
推荐文章
- Javascript和regex:分割字符串并保留分隔符
- 如何检查DST(日光节约时间)是否有效,如果是,偏移量?
- 如何打破_。在underscore.js中的每个函数
- 如何在jQuery中获得当前日期?
- 如何创建一个日期对象从字符串在javascript
- 输入触发器按钮单击
- 获取对象的属性名
- 如何检查用户是否可以回到浏览器历史
- 相当于字符串。jQuery格式
- 如何在vue-cli项目中更改端口号
- Angular 2模板中的标签是什么意思?
- JavaScript .includes()方法的多个条件
- 窗口。亲近与自我。close不关闭Chrome中的窗口
- 同步和异步编程(在node.js中)的区别是什么?
- 在d3.js中调整窗口大小时调整svg的大小