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

Question

我记得有一个特定的命令可以放在谷歌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.
• 如果您不介意加载jQuery http:,可以将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(如何创建自定义片段)

代码段:

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