如何在Chrome开发者工具中使用'$”访问原生函数？

访问 Chrome 开发者工具中的 Native $ 函数

Chrome 开发者工具控制台提供了一个独特的功能，只需输入“即可访问” $”。此函数与 jQuery 等库无关，而是代表浏览器中的本机功能。

在控制台中检查“$”会显示函数定义：

$
function () { [native code] }

此函数仍然无法通过窗口访问['$']、文档['$'] 或此['$']。它的真正目的一直是猜测的主题。

浏览器功能的最新变化

Chrome 中“$”的行为随着时间的推移而演变。过去，它充当 document.querySelector() 的别名或 document.querySelectorAll() 的等效项。然而，最近的更新引入了额外的功能，包括：

• $：document.querySelector() 的别名，返回对与 CSS 选择器匹配的第一个 DOM 元素的引用。
• $$：返回与 CSS 选择器匹配的元素数组，类似于 document.querySelectorAll()。
• $_：存储最近计算的表达式的值。
• $0, $1, $2, $3, $4：对元素面板中检查的最后五个 DOM 元素或最后五个 JavaScript 堆对象的快速引用

虽然“$”不是核心 JavaScript 功能，但它是 Chrome 开发人员工具中的一个方便工具，可以快速访问 DOM 元素和其他有用的功能。

以上是如何在Chrome开发者工具中使用'$”访问原生函数？的详细内容。更多信息请关注PHP中文网其他相关文章！