10 09/2014

chrome console command

最后更新: Wed Sep 10 2014 12:36:06 GMT+0800

$_

返回刚才的值

2*4
8
$_
8
document
#document
$_
#document
小技巧：

+alt+j 打开 chrome 控制台（Mac）

Control+Shift+j (Windows/Linux).

$0-4

$0 返回 Elements 标签页中选定的节点;$1 上一次选的…

$(selector)

等同于 querySelector() 的简写

The console function $() has changed from $=getElementById(id) to $=querySelector(selector). You might try $(“#a”) - by chrome

注意：因为本页有 jquery 的 $，所以 $ 功能请开空页面测试！

$$(a,b)

等于 document.querySelectorAll() 在 b 中匹配 a

$$('a',document)
小技巧： shift+回车 在控制台换行

$x(path)

返回 XPath expression 表达式的节点数组，比如返回所有包含 b 标签的 代码块（pre）

$x('//pre[b]')
[<pre class=​"prettyprinted console_command prettyprint">…​</pre>, ...

clear()

清空控制台

  • 右键或者 ctrl+左键 调出菜单，选择 Clear Console
  • 执行 clear()
  • JavaScript 中写 console.clear()
  • +K 或者 ctrl+L

dir()

等于 console.dir() 返回 对象类型的列表

document.body
<body class=​"two-column docs">​…​</body>​
dir($0)
body.two-column docs

dirxml()

返回 xml类型的列表

inspect(object)

inspect(document.body.firstChild) 切换到 Elements 面板并打开 document.body.firstChild

getEventListeners(object)

返回 object 注册事件的数组。

getEventListeners(document)
Object {DOMContentLoaded: Array[1], click: Array[1]}

keys(object)

返回 object 的所有 key。同理，values(a) 返回 a 的所有值

keys(window)
["top", "window", "location", "external", "chrome", "Intl", "v8Intl", "document", "$", "jQuery", "PR_SHOULD_USE_CONTINUATION", "prettyPrintOne", "prettyPrint", "PR", "gWordsArr", "disqus_shortname", "DISQUS", "vglnk_self", "vl_cB", "vl_disable", "vglnk_jsonp_13669667080810", "vglnk"]
values(window)
Array[599]

monitorEvents(object[, events])

侦听发生在 object 上的事件，如下面代码

monitorEvents(window, “resize”);

当 resize 窗口时，显示日志

多个事件： monitorEvents(window, [“resize”, “scroll”])

profile([name])

开始一个 profile，结束用 profileEnd([name])

console.time(‘a’)

计算时间，结束用 console.timeEnd(‘a’),如

console.time("Array initialize");
var array= new Array(1000000);
for (var i = array.length - 1; i >= 0; i--) {
    array[i] = new Object();
};
console.timeEnd("Array initialize");
Array initialize: 3192.533ms

console.count(‘name’)

计数器

for(i in window){console.count('window')}

console 设置

  • Log XMLHTTPRequests 是否显示 ajax 调用
  • Preserve log upon navigation 页面走掉，console 内容还保留不

参考