# 代码调试

一个程序员,20%的时间在写代码,80%的时间在改bug。既然如此,代码调试在程序员生涯中占据了重要位置。如何进行代码调试,成为了非常重要的一环。 以下是一些常见的前端代码调试技巧:

  • 使用浏览器的开发者工具:现代浏览器(如Chrome、Firefox、Edge等)都提供了内置的开发者工具,可以用于调试JavaScript、CSS和HTML等前端代码。你可以使用控制台查看JavaScript的输出、检查HTML元素和CSS样式,以及调试网络请求等。
  • 使用断点调试:在开发者工具中,你可以在代码中设置断点,当代码执行到断点时会停止,你可以在这里检查变量和调用堆栈等信息,以找到问题所在。
  • 日志输出:你可以在JavaScript代码中添加console.log()语句来输出日志信息,以便在运行时查看变量的值和程序的执行流程。
  • 使用调试工具:除了浏览器自带的开发者工具外,还有一些第三方调试工具可以帮助你调试前端代码,如VS Code的调试工具、WebStorm等。
  • 使用代码质量检查工具:代码质量检查工具(如ESLint、JSLint等)可以检测代码中的潜在问题并给出提示,帮助你尽早发现问题并进行修复。

# 移动端调试

移动端调试一直是一项较为困难的事情,原因如下:

  • 需要特定环境开发的移动端,无法边改边看
  • 需要特定环境开发的移动端,无法debug
  • 需要真机调试
  • 特定机型才能复现的bug

可参考教程移动端调试技巧 (opens new window)