2、Chrome之Console功能面板

chrome启动参数:https://peter.sh/experiments/chromium-command-line-switches/

Console

说明：记录开发者开发过程中的日志信息，且可以作为与JS进行交互的命令行Shell。

a.面板功能说明

 

1、Hide console sidebar:隐藏侧边栏

2、Clear console:清空控制台

3、Context：展示网页上下文环境，如果该页面有多个内联iframe，则也会在这里展示，可以选择切换，如下图

 

4、Create live expression：创建监控表达式，可以实时监控某个表达式的执行。

5、Filter:过滤。

6、Default levels:默认日志级别，当收起console sidebar时，可以选择级别。

b.方法使用说明

在控制台输入console并回车，你就能看到console的所有方法。

 

1、console.log()：输出普通日志信息

2、console.warn()：输出警示信息

3、console.info()：输出提示信息

4、console.error()：输出错误信息

 

​​5、console.table()：支持以表格的形式输出日志信息

 

另外我们以table的方式输出一个内置对象，看看效果

 

▲1列：展示的该对象的方法及属性

▲2行：展示其子对象的属性

上述方法都可以输出任意类型的值，字符串，数值，对象，数组，函数;

6、console.clear()：清空控制台（快捷键ctrl + L）

7、console.count()：统计方法执行次数

 

8、console.group()：输出一组信息的开头

9、console.