专栏名称: 前端Q
我是winty,专注分享前端知识和各类前端资源,乐于分享各种有趣的事,关注我,一起做个有趣的人~
今天看啥  ›  专栏  ›  前端Q

利用Chrome浏览器使用Overrides调试线上代码,真是太方便啦!

前端Q  · 公众号  ·  · 2024-12-09 09:15
    

文章预览

点击上方  前端Q ,关注公众号 回复 加群 ,加入前端Q技术交流群 利用Chrome开发者工具断点调试功能调试修改代码,一刷新就什么都没有了,且只能调试JS代码,太尴尬了。 想刷新后,原来修改调试的的代码还在,且JSP、JS、CSS等能调试,那赶快试试下面这种方法吧。 第一步: 在浏览器开发者工具中打开下面的面板sources-->overrides! 第二步: 打开Select folder for overrides,选择要存放代码的文件夹 第三步: 点击允许访问文件夹,overrides生成刚才选择的文件夹 第四步: 在Network中选择一个文件,右击 Override content 修改文件,并按ctrl+s保存,就会在本地生成对应页面的代码。 第五步: 刷新页面,即可在页面上看到修改的内容   第六步: 如果想去掉修改的内容,删除对应修改的内容或直接删除本地文件,再刷新即可。 如果你不想运行代码或没有源码而 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览