Chrome控制台用法
Posted gaoxuerong
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Chrome控制台用法相关的知识，希望对你有一定的参考价值。
写在前面：网上有好多有关于chrome的用法，我的内容来源网络，仅供参考。自己就记录下，便于以后自己翻看；
1.console.clear();或者clear();清空控制台；快捷键：Ctrl + L
2.console.dir(console)可以查看下console有多少方法供给我们应用；
3.
4.
5.
6.动图：
7.
8.
9.
10.
11.console.log() 将DOM结点以javascript对象的形式输出到控制台
12.
13.console.profile和console.profileEnd配合一起使用来查看CPU使用相关信息
在Profiles面板里面查看就可以看到cpu相关使用信息;
14.
上下键，可以试试，上键表示上一次输入的内容；
15.$_命令返回最近一次表达式执行的结果
16.在页面右击选择审查元素，然后在弹出来的DOM结点树上面随便点选，这些被点过的节点会被记录下来，而$0会返回最近一次点选的DOM结点，以此类推，$1返回的是上上次点选的DOM节点，最多保存了5个，如果不够5个，则返回undefined。
17.
18.
19.
此时可以把document.body的内容随意粘贴；
20.debug & undebug 设置断点/解除断点
21.
22.
Control + Shitf + J（Windows/Linux）调用控制台的快捷键
。。。。。。此处省略x万个demo;
参考：http://www.cnblogs.com/Leo_wl/p/4117446.html
具体详见：https://developers.google.com/web/tools/chrome-devtools/console/console-reference
以上是关于Chrome控制台用法的主要内容，如果未能解决你的问题，请参考以下文章