Chrome开发者控制台操作教程

1清空控制台

在控制台下有个clear console的按钮，点击的时候会清空控制台。

清空控制台 
 

2让Chrome中的页面可编辑

有的时候我们需要临时改变页面上的文字，图案等信息，一种常见的方法是打开Elememts，然后在修改页面的源码，这种做法比较麻烦。如果需要修改多处，需要频繁的修改源码。

而通过Chrome的控制台Console中，只需要下面一句简单的代码就可以使得整个页面变得可编辑（划重点）。

document.body.contentEditable=true

 变成可编辑的代码

实际的效果图如下所示。 

3.格式化代码

在Chrome控制台的Source面板下，我们可以查看到页面的源文件，包括js,css,img等。但是有些网站经常会将js或者css文件进行压缩，对开发人员来说不友好，如果想要查看的话通过点击一个按钮，就可以轻松实现代码格式化。

3.console代码

 

1、console.log 用于输出普通信息

2、console.info 用于输出提示性信息

3、console.error用于输出错误信息

4、console.warn用于输出警示信息

5、console.debug用于输出调试信息

7、console.group输出一组信息的开头

8、console.groupEnd结束一组输出信息

12、console.time 计时开始

13、console.timeEnd 计时结束