js调试,如何输出调试信息

时间:2024-10-11 23:04:11

1、我们先在html里添加一个按钮。

js调试,如何输出调试信息

2、按钮的事件函数很简单,我们定义一个变量,假设要调试这个变量的值。

js调试,如何输出调试信息

3、按以前的做法,我们直接使用alery函数来输出这个变量的值。

js调试,如何输出调试信息

4、运行页面,点击按钮后,可以看到弹框出来的值。这种方法也是比较直接方便的,但当你有多个变量需要调试时,这个方法弹出来的框就太多了。

js调试,如何输出调试信息

5、现在我们可以改用把调试信息输出到控制台上。使用console.log方法输出调试信息。

js调试,如何输出调试信息

6、当你有多个调试信息的值需要输出,也没有问题的。

js调试,如何输出调试信息

7、运行页面,点击按钮,界面上好象没看到信息输出。但我们需要右键点击页面空白地方,然后点击查看元素。

js调试,如何输出调试信息

8、在调试工具里,我们点击控制台,就可以在这里看到要调试输出的信息了。

js调试,如何输出调试信息
© 手抄报圈