ChromeDevtools

$_:使用上一次表达式的结果
```
2 + 2;
$_; //4
```
$0:光标在 Element 中选中的元素，如果是上一个选中的可以使用$1
$():等价于document.querySelector()
```
$("img");
//<img>...</img>
```
- 当然，你也可以将$0和它组合：$('img',$0),其中$0指的是上下文
$$():等价于document.querySelectorAll(),返回所有的元素，同样，它也可以指定上下文$0,或者$(main)
```
$$("img");
//[5]...
```
$x(path) 能使用 xpath 选择器来返回符合选择器的所有元素
```
$x("/html/body/div[1]/header");
//<header>..</header>
```
queryObjects(Promise):选中该网页所有的 Promise 对象
```
queryObjects(Promise);
//Promise{}...
//...
```
player:打印网页嵌入的浏览器标签
- table(player):以表格的形式打印出浏览器的 player 的状态
- 也可以用于打印对象成为表格
```
const names = {
  0: { firstName: "John", lastName: "Smith" },
  1: { firstName: "Jane", lastName: "Doe" },
};
table(names);
```
keys(object)/values(object):返回对象中所有键/值的集合
getEventListeners(object):打印元素的所有事件的集合
```
getEventListeners($0);
```
copy(object):可以直接复制字符串表达式，copy($0)
dir(object):列出指定元素的所有属性

monitor(function):监听函数调用，会返回这个函数调用的参数

function sum(x, y) {
  return x + y;
}
//undefined
monitor(sum);
//undefined
sum(1, 2);
//init.js:1 function sum called with arguments: 1, 2
//3

monitorEvents(object[, events]):监听一个或者一组事件

monitorEvents(window, "resize");
monitorEvents(window, ["resize", "scroll"]);