在 JavaScript 控制台中包含 jQuery

对于不使用 jQuery 的网站，是否有简便的方法将 jQuery 包含在 Chrome JavaScript 控制台中？例如，在一个网站上，我想获取表中的行数。我知道使用 jQuery 确实很容易。

$('element').length;

该网站不使用 jQuery。我可以从命令行添加它吗？

javascript jquery

答案

在浏览器的 JavaScript 控制台中运行它，然后 jQuery 应该可用...

var jq = document.createElement('script');
jq.src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type (or see below for non wait option)
jQuery.noConflict();

注意：如果该站点的脚本与 jQuery（其他库等）冲突，您仍然可能会遇到问题。

更新：

让最好的东西变得更好，创建一个书签确实很方便，让我们去做，一点反馈也很棒：

用鼠标右键单击书签栏，然后单击添加页面
随意命名，例如注入 jQuery，并使用以下行作为 URL：

javascript：（function（e，s）{e.src = s; e.onload = function（）{jQuery.noConflict（）; console.log（'jQuery injection'）}}; document.head.appendChild（e）; }）（document.createElement（'script'），'// code.jquery.com/jquery-latest.min.js'）

以下是格式化的代码：

javascript: (function(e, s) {
    e.src = s;
    e.onload = function() {
        jQuery.noConflict();
        console.log('jQuery injected');
    };
    document.head.appendChild(e);
})(document.createElement('script'), '//code.jquery.com/jquery-latest.min.js')

这里使用官方的 jQuery CDN URL，请随意使用您自己的 CDN / 版本。

在控制台中运行

var script = document.createElement('script');script.src = "https://code.jquery.com/jquery-3.4.1.min.js";document.getElementsByTagName('head')[0].appendChild(script);

它创建一个新的脚本标签，用 jQuery 填充并附加到头部。

复制以下所有内容：
https://code.jquery.com/jquery-3.4.1.min.js

并将其粘贴到控制台中。完美运作。