WEB前端教程：使用开发者工具调试你的代码

学会使用开发者工具调试 JavaScript 代码，并且掌握如何使用断点辅助调试，获得独立分析错误，学会处理错误技能

学会使用开发者工具调试 JavaScript 代码，并且掌握如何使用断点辅助调试，获得独立分析错误，学会处理错误技能

如何在浏览器中打开开发者工具 (opens new window)此文档介绍如何打开开发者工具
Chrome DevTools 文档 (opens new window)在这里可以学习开发者工具的用法，此文档内容和涵盖了您将在 95% 的时间内使用开发人员工具的教程，您可以不需要全部学习一次，可以随意跳过您已经熟悉的元素，熟悉文档，如果在以后开发过程中遇到问题，以便您快速回来查阅。

使用控制台 (console.log()) 可以使程序员进行快速调试,console.log() 非常适合获得即时反馈，而无需逐步执行您的功能。

控制台实用 API (opens new window)控制台还有其他有用的方法，例如 console.table()，console.trace()。。。您可以在这篇文章中找到更多实用方法

调试器非常适合用于更复杂的故障排除，并且是开发人员的关键工具。您可以设置断点、在应用程序执行的任何点查看任何给定变量的值、逐行单步执行代码等等！它是一个非常有价值的工具，每个程序员都应该知道如何使用它。

现在，请你下载debuggingTask.zip (opens new window)，保存到本地，请你按照如下要求，完成页面的调试任务。

定位错误，修复错误

添加 DOM 级断点

测试程序运行时间

0 条评论