2. 设置断点：在你想要调试的代码行前点击“断点”，然后按F5或右键点击该行代码。
3. 查看控制台日志：在开发者工具中，点击“控制台”按钮，可以查看当前页面的JavaScript、CSS和HTML源代码。
4. 查看网络请求：在开发者工具中，点击“网络”按钮，可以查看当前页面的网络请求和响应。
5. 查看元素：在开发者工具中，点击“元素”按钮，可以查看当前页面的所有元素。
6. 查看性能：在开发者工具中，点击“性能”按钮，可以查看当前页面的性能数据，如加载时间、渲染时间等。
7. 查看样式：在开发者工具中，点击“样式”按钮，可以查看当前页面的CSS样式。
8. 查看DOM结构：在开发者工具中，点击“DOM”按钮，可以查看当前页面的DOM结构。
9. 查看脚本：在开发者工具中，点击“脚本”按钮，可以查看当前页面的JavaScript脚本。
10. 查看事件监听器：在开发者工具中，点击“事件”按钮，可以查看当前页面的事件监听器。
11. 查看动画：在开发者工具中，点击“动画”按钮，可以查看当前页面的动画效果。
12. 查看Cookies：在开发者工具中，点击“Cookies”按钮，可以查看当前页面的Cookies信息。
13. 查看缓存：在开发者工具中，点击“缓存”按钮，可以查看当前页面的缓存信息。
14. 查看资源：在开发者工具中，点击“资源”按钮，可以查看当前页面的资源文件。
15. 查看版本信息：在开发者工具中，点击“版本信息”按钮，可以查看当前页面的版本信息。
