如何给JavaScript代码添加断点调试

之前打断点都只会看他自己出现的数据，而且一段时间不用总是找不到在哪里，今天就本着好脑袋不如赖笔头的想法来记录下浏览器断点的使用。本文以谷歌浏览器为准：

首先我们使用chrome浏览器打开我们需要调试的页面并按“F12”键打开“开发者工具”，如下图：

控制台显示网页中JS的各种输出信息，包括错误信息、用户日志等；打开脚本标签页，这里面才是我们想要的内容。选择“开发者工具”中的“Sources”选项

点击查看原文