平时经常使用前端开发console.log(),但还有更多的其他方法,console 访问路由知识浏览器调试控制台的对象。它的使用方法因浏览器而异,但通常提供一组功能相似。
控制台最常用的方法:console.log()– 用于日志信息的一般输出。console.info()– 向web控制台输出通知信息。console.debug()– 只有当控制台配置显示调试输出时,才能输出调试级消息。console.warn()– 输出警告信息。console.error()– 输出错误信息。自定义console.log()的 CSS 样式可以使用 CSS 语法在 DevTools 中设置 console.log 输出样式。
字符串替换使用 console.log(msg[, subst1, ..., substN]) 这种语法,msg 参数是一个JavaScript字符串包括零或多个替代字符串。subst1 ... substN 是一个参数JavaScript 依次替换对象msg替代字符串。您可以在替代字符串中指定对象的输出格式。
您可以使用以下替代字符串
%s–字符串类型 string%i或路由网%d——整型 integer%o或%O——对象 object%f–浮点数console.assert()如果断言为false,将错误信息写入控制台。如果断言是 true,没有反应。如果断言是 true,没有反应。
console.clear()清空控制台。
console.count()输出 count() 调用次数。统计被调用的次数,可以在函数中计算代码的执行次数。
该函数接受可选参数 label,console.count() 每次调用时,如果标签相同,数字会增加 1.如果不同,重新开始计数。
console.dir指定显示在控制台上JavaScript通过类似文件树样式的交互列表显示对象的属性。
console.group() 和 console.groupEnd()在控制台上创建新的分组。然后,输出到控制台的内容将被添加到缩进中,表示内容属于当前的分组,直到调用console.groupEnd()之后,当前分组结束。
console.groupEnd()退出一格缩进(结束分组)。
控制台输出htmlconsole.memorymemory该属性可用于检查堆大小状态。
console.table()注意: memory 是属性,而不是方法。
表格数据以表格的形式显示。
打印由字符串组成的数组
打印属性值是字符串的对象
路由知识console.time() and console.timeEnd()console.time() —— 您可以启动计时器来跟踪某个操作的占用时间。每个计时器必须有一个唯一的名字,页面上最多可以同时运行1万个计时器。以此计时器名称调用参数 console.timeEnd() 浏览器将以毫秒为单位输出相应计时器的时间。
console.timeEnd() —— 停止指定的计时器,并记录自启动以来的时间(以秒为单位)。
Console.timeLog()该计时器必须通过控制台输出计时器的值 console.time() 启动。
console.trace()输出堆栈跟踪。