如何调试Javascript代码或函数

How to debug Javascript code or functions?

本文关键字：Javascript 代码 函数 调试 何调试      更新时间：2023-09-26

我有一些Javascript代码
我想跟踪错误并调试它。
怎么做？

过去javascript中的调试非常有限。您可以发布警报以指示可变状态或在网页上打印信息。在语法错误的情况下，它不会执行所有代码（这意味着你必须在错误发生之前发出警报才能知道它在哪里）。

值得庆幸的是，浏览器已经赶上了。Firebug和Chrome的开发工具一样非常有用，它们都使用断点、表达式求值，以及一系列其他有用的浏览器调试工具。我建议你调查一下这些。我相信IE浏览器也有一个开发者工具部分，但我发现它不符合我的喜好，但你可以自由使用你需要/需要的任何东西。

这取决于浏览器：

  • Firefox：下载Firebug扩展

  • Opera：使用内置Opera Dragonfly

  • 基于Webkit（Chrome、Safari、Rockmelt…）：按F12打开内置的Webkit调试器

  • Internet Explorer 9+：按F12打开内置的开发工具

  • IE<8：安装调试条

这些工具中的大多数都可以通过以下键盘快捷键访问：

  • CTRL+SHIFT+I
  • F12

查找"控制台"选项卡。在那里，浏览器会打印各种错误，如JavaScript错误、资源未加载错误等。为了手动写入控制台，大多数浏览器都提供了承载控制台功能的console对象。最常用的是console.log('text')。

谷歌浏览器

F12->控制台。

在代码使用中：console.log(variables);

相关文章：