前端蜗牛深究JavaScriptHTML5

console对象的一些使用方法总结

2019-12-27  本文已影响0人  禾小沐的技术与生活

有看到很多blog,写你不知道的console。写的都很棒,这里我就纯当做个笔记。

console属性
console __proto__

记录

  1. memory(内存) 显示此刻的内存信息,属性,非函数


    image.png
  2. debug: 与console.log 相同

  3. error:错误输出,显示红色


    image.png
  4. info:与console.log 相同

  5. log

  6. warn :以警告的形式输出


    image.png
  7. dir : 打印对象的所有属性和方法(图第一个)

  8. dirxml:如果是一个html节点那么打印出来是dom节点,其他的打印同dir。


    image.png
  9. table 如果是数组以table形式打印


    image.png
  10. trace: 此方法显示一个跟踪,该跟踪显示了代码如何在特定点结束。


    image.png
  11. group 以组的形式输出,用处不大


    image.png
  12. groupCollapsed 与group相同只是关闭的


    image.png
  13. groupEnd 配合11 12 使用 鸡肋


    image.png
  14. clear 清空控制台,后打印Console was cleared


    image.png
  15. count 统计打印次数


    image.png
  16. countReset 清空count

  17. assert 断言,如果是true不打印,false打印,携带错误


    image.png
  18. profile profileEnd 配合一起使用,测试性能在需要使用

  19. time timeEnd 计算代码执行所用的时间


    image.png
  20. timeLog 计时器索引,用处不大


    image.png
  21. timeStamp 该特性是非标准的,请尽量不要在生产环境中使用它!你可以选择用一个参数来作为时间戳标签,然后标记旁边就会显示这个标签。(暂时无用)

  22. context 这个暂时未知,可能是上下文吧

  23. timelineEnd 是timeEnd 启用形式

  24. timeline 未知

  25. show 未知

  26. profiles 未知,可能是profiles所有的吧

  27. markTimeline node文档中解释 console.markTimeline() 方法是 console.timeStamp()的废弃形式。

  1. exception 在部分浏览器浏览器中是console.error 的别名,谷歌最新浏览器已经废弃

书写匆忙如果有帮助请点个赞,谢谢。转载请注明。

上一篇 下一篇

猜你喜欢

热点阅读