console对象的一些使用方法总结
2019-12-27 本文已影响0人
禾小沐的技术与生活
有看到很多blog,写你不知道的console。写的都很棒,这里我就纯当做个笔记。


记录
-
memory(内存) 显示此刻的内存信息,属性,非函数
image.png
-
debug: 与console.log 相同
-
error:错误输出,显示红色
image.png
-
info:与console.log 相同
-
log
-
warn :以警告的形式输出
image.png
-
dir : 打印对象的所有属性和方法(图第一个)
-
dirxml:如果是一个html节点那么打印出来是dom节点,其他的打印同dir。
image.png
-
table 如果是数组以table形式打印
image.png
-
trace: 此方法显示一个跟踪,该跟踪显示了代码如何在特定点结束。
image.png
-
group 以组的形式输出,用处不大
image.png
-
groupCollapsed 与group相同只是关闭的
image.png
-
groupEnd 配合11 12 使用 鸡肋
image.png
-
clear 清空控制台,后打印Console was cleared
image.png
-
count 统计打印次数
image.png
-
countReset 清空count
-
assert 断言,如果是true不打印,false打印,携带错误
image.png
-
profile profileEnd 配合一起使用,测试性能在需要使用
-
time timeEnd 计算代码执行所用的时间
image.png
-
timeLog 计时器索引,用处不大
image.png
-
timeStamp 该特性是非标准的,请尽量不要在生产环境中使用它!你可以选择用一个参数来作为时间戳标签,然后标记旁边就会显示这个标签。(暂时无用)
-
context 这个暂时未知,可能是上下文吧
-
timelineEnd 是timeEnd 启用形式
-
timeline 未知
-
show 未知
-
profiles 未知,可能是profiles所有的吧
-
markTimeline node文档中解释 console.markTimeline() 方法是 console.timeStamp()的废弃形式。
- exception 在部分浏览器浏览器中是console.error 的别名,谷歌最新浏览器已经废弃