Chrome 控制台中的 jQuery (8.0.552.237)

Posted 2023-03-07

【中文标题】Chrome 控制台中的 jQuery (8.0.552.237)

【英文标题】：jQuery in Chrome Console (8.0.552.237)

【发布时间】：2011-06-15 07:55:33

【问题描述】：

似乎 jQuery 选择器在 Chrome 控制台中不起作用。任何类型的选择器都返回“null”。但是，这些脚本确实可以正确运行 javascript。

有其他人注意到此更改或知道修复方法吗？

谢谢。

【问题讨论】：

你能贴出不起作用的代码示例吗？

简而言之，在控制台使用jQuery而不是$

at 2012-01-23 通过 $ 访问 jquery 现在在 Chrome 16.0 中工作

【参考方案1】：

我在my own question 中发现了这个问题的原因。

控制台为document.getElementById()注入了自己的函数（只是一个简写），别名为$，它会影响jQuery的$。检查这一点的简单方法：当您处于断点时，并且 jQuery 似乎已损坏，请在控制台中比较以下内容：

jQuery $ window.$

第一个和最后一个将是 jQuery，本地 $ 类似于：

function () 
    return document.getElementById.apply(document, arguments)

---

这是因为从控制台运行的代码包装在 with 语句中：

with (window ? window.console._commandLineApi : ) 
with (window) 
    // the actual code you typed in here
   

而window._commandLineApi.$是影响jQuery的函数。

---

为此在 Chromium 中找到了错误：http://code.google.com/p/chromium/issues/detail?id=70969

【讨论】：

或者，只需输入jQuery===$。如果 jQuery 控制了 $ 符号，它将返回 true。

（并且，jQuery 将返回一个不同的函数，这取决于您运行的 jQuery 版本，所以这更容易）

【参考方案2】：

只需在控制台上运行以下命令即可：

$ = jQuery