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' 替换为例如'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“行为怪异”(=更新)时，请不要感到惊讶。