在 控制台中键入以下代码，然后按 Enter：
$_ 表示以前计算的表达式，现在为数字 4。
返回最近选择的元素或 JavaScript 对象。
$0 返回最近选定的元素或 JavaScript 对象， $1 返回最近选择的第二个元素或 JavaScript 对象，依此而论。 $0、$1、、 $2$3和 $4 命令充当对元素工具中检查的最后五个 DOM 元素或内存工具中选择的最后五个 JavaScript 堆对象的历史引用。
在下图中，在“元素”工具中选择了一个img元素。 在 控制台 抽屉中， $0 已计算并显示相同的元素：
下图显示了在同一网页中选择的其他元素。 $0现在引用新选择的元素，而$1返回以前选择的元素：
查询选择器;返回对具有指定 CSS 选择器的第一个 DOM 元素的引用，例如 document.querySelector()。
此函数是 document.querySelector () 函数的别名。
$(selector, [startNode])
在下图中， $('img') 返回对网页中第一个 <img> 元素的引用：
右键单击返回的结果，然后选择“ 在元素面板中显示 ”以在 DOM 中找到它，或 滚动到“视图 ”以在页面上显示它。
以下示例返回对当前所选元素的引用，并显示其 src 属性：
$('img').src
此函数还支持第二个参数 ，该参数 startNode指定要从中搜索元素的元素或节点。 参数的默认值为 document。
$('img', document.querySelector('title--image')).src
结果：找到元素后title--image的第一个img元素，并src返回元素img的 属性：
如果使用的库（如 jQuery）使用 $，则功能将被覆盖，并且 $ 对应于该库中的实现。
查询选择器 all;返回与指定的 CSS 选择器匹配的元素数组，例如 document.querySelectorAll()。
此函数等效于 document.querySelectorAll () 。
$$(selector, [startNode])
在以下示例中， $$() 创建当前网页中所有 <img> 元素的数组，并显示每个元素的 src 属性值：
var images = $$('img');
for (each in images) {
console.log(images[each].src);
此查询选择器函数还支持第二个参数 ，该参数 startNode指定要从中搜索元素的元素或节点。 参数的默认值为 document。
以下修改版本的上一个示例使用 $$() 创建一个数组，其中包含当前网页中显示在所选节点之后的所有 <img> 元素：
var images = $$('img', document.querySelector(`title--image`));
for (each in images) {
console.log(images[each].src);
下面是结果。 $$() 选择网页中指定 <div> 元素后显示的所有图像，并显示源：
输入换行符
在 控制台中，若要在不运行脚本的情况下启动新行，请按 Shift+Enter。
XPath
返回与指定的 XPath 表达式匹配的 DOM 元素数组。
$x(path, [startNode])
在以下示例中，将返回网页上的所有 <p> 元素：
$x("//p")
在以下示例中，将返回包含<a>元素的所有<p>元素：
$x("//p[a]")
与其他选择器命令类似， $x(path) 具有可选的第二个参数 startNode，用于指定要从中搜索元素的元素或节点：
在控制台中求值document.head以显示 和 </head> 标记之间的 <head> HTML。
在以下示例中，在控制台中使用 console.dir() 后会显示对象样式列表：
document.head;
dir(document.head);
有关详细信息，请参阅控制台 API 中的 console.dir () 。
dirxml
打印指定对象的 XML 表示形式，如 元素 工具中所示，如 console.dirxml()。
此函数等效于 console.dirxml () 。
dirxml(object)
对于 DOM 元素，此函数将打开，并在 “元素 ”工具中选择指定的 DOM 元素。
对于 JavaScript 堆对象，此函数将在 内存 工具中打开指定的 JavaScript 堆对象。
inspect(object/function)
在以下示例中，将在document.body“元素”工具中打开：
inspect(document.body);
传递要检查的函数时，该函数会在 源 工具中打开网页，供你检查。
getEventListeners
返回在指定对象上注册的事件侦听器。
返回值是一个 对象，该对象包含每个已注册事件类型 (（如 click 或 keydown) ）的数组。 每个数组的成员都是描述为每种类型注册的侦听器的对象。
getEventListeners(object)
在以下示例中，列出了在 对象上 document 注册的所有事件侦听器：
getEventListeners(document);
如果在指定的 对象上注册了多个侦听器，则该数组包含每个侦听器的成员。 在下图中，在事件的 元素click上document注册了两个事件侦听器：
可以进一步展开以下每个对象以浏览其属性。 下面是侦听器对象的扩展视图：
var player1 = {"name": "Ted", "level": 42}
在以下代码中，为了简单起见，在控制台中键入 keys(player1) 和 values(player1) 之前，结果假定player1在全局命名空间 (中定义了) ：
keys(player1)
values(player1)
以下代码定义了一个数组，用于监视 resize 窗口对象上的 和 scroll 事件：
monitorEvents(window, ["resize", "scroll"]);
指定事件类型
还可以指定一种可用的事件类型，即映射到预定义事件集的字符串。 下表显示了可用的事件类型和关联的事件映射：
相应的映射事件
mouse
“click”、“dblclick”、“mousedown”、“mousemove”、“mouseout”、“mouseover”、“mouseup”、“mousewheel”
“keydown”、“keypress”、“keyup”、“textInput”
touch
“touchcancel”、“touchend”、“touchmove”、“touchstart”
“blur”、“change”、“focus”、“reset”、“resize”、“scroll”、“select”、“submit”、“zoom”
在以下代码中，当前在key“元素”工具中选择与key输入文本字段中的事件对应的事件类型：
monitorEvents($0, "key");
下面是在文本字段中键入字符后的示例输出：
unmonitorEvents(window);
还可以有选择地停止监视对象上的特定事件。 例如，以下代码开始监视当前所选元素上的所有 mouse 事件，然后停止监视 mousemove 事件 (可能会降低控制台输出) 中的干扰：
monitorEvents($0, "mouse");
unmonitorEvents($0, "mousemove");
此页面的部分内容是基于 Google 创建和 共享 的工作进行的修改，并根据 Creative Commons 署名 4.0 国际许可中所述的条款使用。
原始页面 在此处 找到，由 凯斯·巴斯克 (技术作家、Chrome DevTools & Lighthouse) 创作。
此作品根据 Creative Commons 署名 4.0 国际许可获得许可。
