jquery - 在 Google Chrome 检查器上加载 jQuery 的命令？

Question

我记得看到有一个特定的命令可以放在 Google Chrome 的检查器控制台上，以便它加载 jQuery 并允许你执行 jQuery 命令。

但是，我不记得它是哪个命令，并且在线搜索只会给我带来不相关的结果。

有谁知道那个命令是什么？

谢谢！

编辑：多年后，我意识到我是在要求$$控制台中的功能。但是，这不是 jQuery，而是提供了一个类似的选择器选项，很可能是document.querySelectorAll. 此处的答案解决了添加真正的 jQuery 及其所有功能。

Answer 1

你的意思是，在任意页面中加载 jQuery 的脚本？为此，我构建了以下跨浏览器书签：

javascript:if(!window.jQuery||confirm('Overwrite\x20current\x20version?\x20v'+jQuery.fn.jquery))(function(d,s){s=d.createElement('script');s.src='https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.js';(d.head||d.documentElement).appendChild(s)})(document);

它检测 jQuery 是否存在。如果是这样，则会出现一个确认对话框，其中显示当前版本，以便您可以决定是否可以覆盖现有的 jQuery 对象。

目前，jQuery 1.8 是通过 SSL 从 CDN 加载的。

• 如果要加载不同的版本，请替换'1.8'为 eg '1.7.1'。
• 如果要加载压缩版本，请替换jquery.js为jquery.min.js.
• 如果你不介意加载 jQuery over http:，谷歌的 CDN 可以替换为：
  • http://code.jquery.com/jquery.js - 最新版本
  • http://code.jquery.com/jquery-latest.js - 最新版本
  • http://code.jquery.com/jquery-1.8.0.js - 版本 1.8

为了节省您的编辑时间，这是与答案顶部相同的书签，但从以下位置获取最新版本（而不是固定版本）http://code.jquery.com/：

javascript:if(!window.jQuery||confirm('Overwrite\x20current\x20version?\x20v'+jQuery.fn.jquery))(function(d,s){s=d.createElement('script');s.src='http://code.jquery.com/jquery.js';(d.head||d.documentElement).appendChild(s)})(document);

注意：拥有最新版本很好，但是当 jQuery “行为怪异”（=更新）时不要感到惊讶。

Answer 2

您还可以创建一个在 chrome 检查器上加载 jQuery 的 chrome 片段（如何创建自定义片段）

片段代码：

(function() {
  if (! window.jQuery ) {
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = '//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'; // you can change this url by latest jQuery version
    (document.getElementsByTagName('head')[0] ||
      document.getElementsByTagName('body')[0]).appendChild(s);
  }
}());