Chrome 开发者工具控制台中 $ 变量的用途是什么？

Chrome 中的 $ 变量

问题：

在探索 Chrome 的开发者工具时在没有 jQuery 的页面中，观察到了一种奇怪的行为。在控制台中输入“$”会返回一个带有本机代码的函数。该函数无法通过 window['$']、document['$'] 或 this['$'] 访问，其用途仍然是个谜。

答案：

Chrome 开发工具控制台中的 $ 变量发生了多次更改。它目前用作 document.querySelector 的别名，并提供附加功能：

• $(selector): 返回对与 CSS 选择器匹配的第一个 DOM 元素的引用，类似于document.querySelector().
• $$(selector): 返回与 CSS 选择器匹配的元素数组，有效替换 document.querySelectorAll().
• $_: 存储最近计算的表达式的值。
• $0、$1、$2、$3 和 $4: 提供最后五个检查的 DOM 元素的历史引用在“元素”面板或“配置文件”面板中的 JavaScript 堆对象中。

值得注意的是，$$ 并不真正调用 document.querySelectorAll()，因为它返回一个数组而不是 NodeList。

Chrome 是唯一公开此 $ 变量的浏览器，它可以作为与 DOM 元素交互以及在开发人员工具控制台中访问各种表达式和对象的便捷快捷方式。

以上是Chrome 开发者工具控制台中 $ 变量的用途是什么？的详细内容。更多信息请关注PHP中文网其他相关文章！