chrome调试你知道几种方式

背景

开发必不可少需要了解如何在chrome中调试，但是一旦上线就没有本地那么好操作了，一般我们会断点查看问题，但是线上的代码基本上都是通过构建工具压缩打包出来，比较难看

方案

目前调试一般的方案有：
1、断点、debugger
2、Source 下修改js文件，一般可以用于修改点击事件，初始化的js不能调整，页面刷新会还原到修改之前的
3、Overrides chrome source下有一个Overrides功能，可以替换当前网站的js文件，可以本地修改

步骤

1、创建替换的文件夹 js，点击提示中的允许访问
WeChata75ef3f64c1e9bdbda9ecbc7ffca179c.png

WeChat4bcb3454570c5cff8db8034ef10c00e0.png

2、source下选择自己想要调整的js文件，或者network下。右键save as overrides，左侧文件夹多出了你需要替换的文件
WeChat7e62659c89dd8b1995600c4e4740c0fb.png

WeChatea90b72267f918ad441007da66fb3dc9.png

3、本地打开js 文件夹，修改代码，刷新网页就会更新

大功告成，你可以本地修改线上的代码来调试

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容