海印网
海印网

超越控制台日志

admin数码00

简介

尽管我希望第一次尝试就能成功,但最好还是做好调试的准备。 console.log 仍然是执行此操作的主要工具,因为它是最简单且最快的。

大家都知道的几个控制台方法,log、warn 和 error。

更深入

还有更多技巧。

数数

例如,如果需要计算组件重新渲染的次数可以使用console.count,例如console.count('comp1')

超越控制台日志-第1张图片-海印网

组与组折叠

可以使用 console.groupCollapsed 在折叠组中记录一些信息,这在出现许多错误消息时非常有用,当它们打印折叠时,不会那么分散注意力,但 Node.js/Sentry 可能会打印所有展开的内容。

超越控制台日志-第2张图片-海印网
点击

超越控制台日志-第3张图片-海印网

造型

可以使用一些CSS

超越控制台日志-第4张图片-海印网

目录

可以使用console.dir记录对象的属性

超越控制台日志-第5张图片-海印网

物体

可以使用大括号记录一些对象,例如 console.log({ obj1, obj2 }),而不是 console.log('Ojb1', obj1)

断言

可以使用console.assert断言

超越控制台日志-第6张图片-海印网

时间

可以使用console.time测量某些操作需要多长时间

超越控制台日志-第7张图片-海印网

痕迹

使用 console.trace() 打印堆栈跟踪

超越控制台日志-第8张图片-海印网

清除

使用 console.clear() 清除内容

有关的

查看精彩的旧帖子 - https://dev.to/lissy93/fun-with-consolelog-3i59

以上就是超越控制台日志的详细内容,更多请关注其它相关文章!

Tags: 控制台可以使用

Sorry, comments are temporarily closed!