大家好，我是小梅，公众号「小梅的前端之路」 原创作者。

作为在前端领域不断探索的一员，在此记录开发中遇到的问题，如果你也遇到了相同的问题，希望本文对你有帮助。

---

开发时经常遇到本地无法复现但测试环境硬是有问题的bug。这个时候如果能够通过谷歌浏览器的调试快速定位到问题就好了。话不多说，上步骤。

目标：找到按钮绑定的事件

1、根据图示的步骤，找到按钮元素绑定的事件，有时可能有多个，根据文件名称推测，chunk-elementUlXXX.js应该是ElementUI的事件，我们自己的代码逻辑应该是写在下面的chuck-libs的js文件里，点击对应的js文件。

2、浏览器将会自动跳转出步骤1点击的js文件并且会跳到对应的行数，由于打包后的代码都是压缩好了的，因此点击图中{}图标，可以将JS代码进行美化，美化后的代码更加方便查看 

格式化之后，打个断点。

3、点击页面按钮之后，进入调试状态，Call Stack区将出现该点击涉及的所有方法，可以直接看是否有自己写的方法。点击call stack中该方法所在的区域，就会进入对应的方法。在方法里打个断点，点击图中的蓝色箭头按钮，就会跳到方法里的断点处。

如果有其他好用的调试方法，欢迎评论区留言。

❤️欢迎素质三连[点赞 + 收藏 + 评论]

我是小梅，有兴趣的话可以搜一搜「小梅的前端之路」第一时间接收文章更新通知，一起沟通、学习成长呀。