是否可以修改页面的 JavaScript 然后重新加载页面而不重新加载修改后的 JavaScript 文件(从而丢失修改)?
Chrome Dev Tools - 修改 javascript 并重新加载
这是一种变通方法,但实现此目的的一种方法是在要操作的 javascript 文件或块的开头添加断点。
然后当您重新加载时,调试器将在该断点处暂停,您可以对源进行任何您想要的更改,保存文件,然后通过修改后的代码运行调试器。
但是正如大家所说,下次重新加载更改将消失 - 至少它可以让您运行一些稍微修改过的 JS 客户端。
好消息,修复将于 2018 年 3 月推出,请参阅此链接:https : //developers.google.com/web/updates/2018/01/devtools
“Local Overrides 允许您在 DevTools 中进行更改,并在页面加载期间保持这些更改。以前,您在 DevTools 中所做的任何更改在您重新加载页面时都会丢失。Local Overrides 适用于大多数文件类型
怎么运行的:
- 您指定 DevTools 应保存更改的目录。当您在 DevTools 中进行更改时,DevTools 会将修改后的文件的副本保存到您的目录中。
- 当您重新加载页面时,DevTools 提供本地的、修改过的文件,而不是网络资源。
设置本地覆盖:
- 打开源面板。
- 打开覆盖选项卡。
- 单击设置覆盖。
- 选择要将更改保存到的目录。
- 在视口顶部,单击“允许”以授予 DevTools 对该目录的读写访问权限。
- 做出你的改变。”
更新(2018 年 3 月 19 日):它是实时的,详细解释在这里:https : //developers.google.com/web/updates/2018/01/devtools#overrides
在资源覆盖扩展可以让你做到这些:
- 为要替换的 url 创建文件规则
- 编辑扩展中的js/css/etc
- 随心所欲地重新加载:)
我知道这不是确切问题的答案(Chrome 开发人员工具),但我成功地使用了这种解决方法:http : //www.telerik.com/fiddler
(很确定一些网络开发人员已经知道这个工具)
- 将文件保存到本地
- 根据需要编辑
- 利润!
完整文档:http : //docs.telerik.com/fiddler/KnowledgeBase/AutoResponder
附注。我宁愿将它作为标志在 Chrome 中实现,preserve after reload
现在不能这样做,论坛和讨论组在公司网络上被阻止:)
是的,只需在开发工具中打开“源”选项卡并导航到您要更改的脚本。直接在开发工具窗口中进行调整,然后按 ctrl+s 保存脚本 - 知道将使用新的 js,直到您刷新整个页面。