通过使用浏览器调试工具调试 JavaScript，您可以在浏览器中完成以下操作：在源代码中设置断点以暂停执行并检查变量值；在控制台中输入代码片段以立即执行并检查错误消息；分析网络请求以识别性能问题；查看内存使用和垃圾回收情况以诊断内存泄漏。
如何在浏览器中调试 JS
如何打开浏览器的调试工具？
- 大多数浏览器：按 F12 或 Ctrl + Shift + J
- Safari：按 Cmd + Option + C
调试工具中的主要功能
Sources 面板：
- 查看和编辑 JavaScript 源代码
- 设置断点以在特定代码行暂停执行
Console 面板：
移动端无限滚动加载瀑布流
下载
里面有2个文件夹。其中这个文件名是:finishing，是我项目还没有请求后台的数据的模拟写法。请求后台数据之后，瀑布流的js有一点点变化，放在文件名是：finished。变化在于需要穿参数到后台，和填充的内容都用后台的数据填充。看自己项目需求来。由于chrome模拟器是不允许读取本地文件json的，所以如果你要进行测试，在hbuilder打开项目就可以看到效果啦，或者是火狐浏览器。
- 输入 JavaScript 代码片段并立即执行
- 检查变量值和错误消息
Network 面板：
- 查看和分析发往和从服务器发送的网络请求
- 识别潜在的性能问题
Application 面板：
- 查看当前窗口中的内存使用和垃圾回收情况
- 检查 DOM 元素和 CSS 规则
调试器：
- 在源代码中逐步执行，检查变量值和调用堆栈
- 设置条件断点以仅在特定条件满足时暂停执行
提示：
- 使用断点：在您感兴趣的代码行设置断点，以便在执行到达该行时暂停。
- 检查控制台：控制台是检查错误和调试代码的有用工具。
- 使用调试器：逐步执行代码可帮助您深入了解代码的执行方式。
- 查看网络面板：识别网络请求中的延迟或错误可以帮助您解决性能问题。
- 使用 Application 面板：查看内存使用情况和垃圾回收信息有助于诊断内存泄漏。
