Hello! 欢迎来到小浪资源网!



超越控制台日志


avatar
1986424546 2024-11-24 24

简介

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

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

更深入

还有更多技巧。

数数

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

超越控制台日志

组与组折叠

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

超越控制台日志
点击

超越控制台日志

造型

可以使用一些css

超越控制台日志

目录

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

超越控制台日志

物体

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

断言

可以使用console.assert断言

超越控制台日志

时间

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

超越控制台日志

痕迹

使用 console.trace() 打印跟踪

超越控制台日志

清除

使用 console.clear() 清除内容

有关的

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

相关阅读