轩枫阁

首页 / Web前端 / 前端调试控制台Console对象

前端调试控制台Console对象

前言

首先来看个图,如何在控制台console面板输出此图?

0[CMP{617GL2`2`~RF~}P79

 

可以在控制台输入以下代码,Enter

当然了,还有更好玩的,可以输颜文字哦,不信你试试!

是不是很神奇?!更多精彩请前往:

http://www.xuanfengge.com/community-code-1111-show-and-let-you-show-your-flying.html

http://www.xuanfengge.com/console-console-recruitment-creative-recruitment.html

Console是什么?

Console是一个JavaScript解释器的内置对象, 用于访问调试控制台, 在不同的浏览器里效果可能不同.

我们最常用的console.log就是Console对象的一个静态方法, 它的作用是将内容输出到控制台上.

现在, 我们来深入了解一下Console都提供了什么功能.

console.log(object[, object, …])

console.log用来在控制台上输出信息, 所需的参数是需要输出的对象, 输出的对象会以空格分隔开.

如果第一个参数使用了字符串替换模式, 则之后的参数将作为替换字符串, 这类似于printf占位符格式化输出. console可用的字符串模式请参照下表.

模式 类型
%s 字符串
%d, %i 整型数值
%f 浮点数值
%o 对象超链接
%c 格式化样式

console.debug(object[, object, …])

功能与console.log类似, 输出将会包含对象超链接, 多数情况下与console.log输出的效果一致.

console.info(object[, object, …])

功能与console.debug类似, 输出会伴随一个”信息”图标, 在Firefox中有效果.

console.warn(object[, object, …])

功能与console.debug类似, 输出会伴随一个”警告”图标.

console.error(object[, object, …])

功能与console.debug类似, 输出会伴随一个”错误”图标, 在Webkit下的效果与未捕捉到异常类似.

console.assert(expression[, object, …])

断言函数, 如果expression的结果为假, 将抛出一个异常并将其余参数作为异常描述输出.

console.clear()

清空控制台内容.

console.dir(object)

以列表形式输出对象, 效果类似于查看DOM.

console.dirxml(node)

以审查元素的形式输出HTML/XML元素.

console.trace()

追踪当前函数, 输出函数的调用痕迹.

console.group(object[, object, …])

对控制台输出分组, 调用该方法后接下来的输出将会产生一个可折叠缩进块.

console.groupCollapsed(object[, object, …])

功能与console.group类似, 区别在于缩进块默认是折叠的, 这会导致接下来的输出不可见, 需要手动打开折叠块.

console.groupEnd()

关闭console.group或console.groupCollapsed打开的缩进块.

console.time(name)

以参数name作为计时器的名称, 新建一个计时器.

console.timeEnd(name)

结束以参数name命名的计时器, 输出console.time调用后经过的时间.

console.timeStamp(name)

在HTTP流量面板上增加一个时间戳.

console.profile([title])

开启一个JavaScript性能分析器, 可选参数是分析器报告的标头.

console.profileEnd()

关闭JavaScript性能分析器, 输出报告.

console.count([title])

从1开始输出计数, 参数title用于区别不同的计数器.

console.table(data[, columns])

以表格形式输出数据.

比如:

本文标题:前端调试控制台Console对象 - 轩枫阁

转载请务必注明出处,欢迎分享

如果觉得我的文章对您有用,欢迎打赏
赞  赏
赞赏作者 urnotivan
¥ 6.66
换个金额 使用微信扫一扫赞赏
  • 6.66
  • 8.88
  • 16.8
  • 2.33
  • 52.0
  • 20.0
  • 自定义
  • 10.0
161/470
163/470

相关阅读

文章评论

  • 我来了~~~嘿嘿~~

  • seo

    博主这个主题不错 我喜欢

  • 网站内容很丰富呀~( ˘•ω•˘ )学习

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子