Question

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

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

任何人都知道那是什么命令？

谢谢！

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

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'替换为例如'1.7.1'。
如果您要加载压缩版本，请将jquery.js替换为jquery.min.js。
如果您不介意在http:上加载jQuery，Google的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片段，在Chrome检查器上加载jQuery（how create custom snippets）

代码段：

(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);
  }
}());

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

2 个答案: