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

2025-05-06 16:40:29

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

js调试,如何输出调试信息
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢