1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > debugger位置不对_console / debugger / alter

debugger位置不对_console / debugger / alter

时间:2021-04-18 06:44:51

相关推荐

debugger位置不对_console / debugger / alter

console / debugger / alter

都是代码调试工具,目前最常用的是console,最好用的应该是debugger。

三者的效果都不一样:

console 可以在开发者面板(调试窗口 / 控制台)输出内容。

alter 会阻断代码,并在浏览器的正上方输出内容。

debugger 会阻断代码,并在开发者面板中的 source 标签看到代码的执行顺序,和每一步的变化。

建议每个开发者都要熟悉 debugger 的使用。

console 其实不仅仅只会 .log() ,接下来说说,console这个对象,还有哪些方法:

一.console.log()、console.info()、console.debug()

使用最多的是console.log()。console.info()和console.debug()本质上与console.log()没有区别。是console.log()的另一个名字而以,可以理解为它们三个其实就是同一个,只不过名字不一样。其中,console.info()打印出的信息,在控制显示的时候信息前面会出现一个小图标(蓝色叹号,亲测谷歌浏览器,没能输出图标),而且谷歌浏览器和opera不支持console.debug()。

二. warn()和error()

console.warn() 输出的内容前面会有一个黄色三角加叹号的小图标

console.error()输出的内容前面会有一个红色圆形加叉号的小图标

三. 其它使用的方法

1、trace()

调试JavaScript程序时,使用console.trace(),不仅会打印函数调用栈信息,同时也会显示函数调用中各参数的值。

2、count()

可以把console.count()放在一个方法内,每次调用都会加1,更好显示方法被调用了多少次。

3、time()和timeEnd()

以ms为单位的时间,这两个要同时用,可以不写参数,输出的是,default:** ms

如果加了参数,参数要一致console.time(“count”);否则会报错,输出的是,count:** ms

4、assert()一般两个参数,前面的是表达式,后面是要输出的内容,如果表达式为false,则输出

5、clear()

清空console的输出信息。

6、dir()

使输出内容格式化更易读,而且也会输出一个对象的全部属性和方法。

7、table()

将 数组 或者 对象 以表格的形式输出,更直观。

8、太多了,就不说了,可以自己看,重要的是你知道了 console 这个对象原来没那么简单。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。