在JavaScript控制台中包含jQuery

JavaScript

伽罗乐

2020-03-11

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

$('element').length;

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

第599篇《在JavaScript控制台中包含jQuery》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

8个回答
村村小小十三 2020.03.11

现代浏览器(在Chrome,Firefox,Safari上进行了测试)使用美元符号实现了一些辅助功能$,这些功能与jQuery非常相似(如果该网站未使用定义某些内容window.$)。

Those utilities are quite useful for selecting elements in the DOM and modifying them.

Docs: Chrome, Firefox

阳光村村 2020.03.11

如果您要为用户脚本执行此操作,请编写以下代码:http ://userscripts.org/scripts/show/123588

它可以让您包括jQuery,UI和所需的任何插件。我在具有1.5.1和没有UI的网站上使用它;这个脚本给了我1.7.1加上UI,在Chrome或FF中没有冲突。我自己还没有测试过Opera,但是其他人告诉我,Opera也已经为他们工作过,因此,如果您需要这样做,那么它应该是一个完整的跨浏览器用户脚本解决方案。

镜风Davaid 2020.03.11

如果要从控制台频繁使用jQuery,则可以轻松编写用户脚本。首先,如果您使用的是Chrome,请安装Tampermonkey,如果您使用的是Firefox,请安装Greasemonkey。使用如下使用功能编写一个简单的用户脚本:

var scripts = [];

function use(libname) {
    var src;
    if (scripts.indexOf(libname) == -1) {
        switch (libname.toLowerCase()) {
            case "jquery":
                src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js";
                break;
            case "angularjs":
                src = "//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js";
                break;
        }
    } else {
        console.log("Library already in use.");
        return;
    }
    if (src) {
        scripts.append(libname);
        var script = document.createElement("script");
        script.src = src;
        document.body.appendChild(scr);
    } else {
        console.log("Invalid Library.");
        return;
    }
}
Sam老丝 2020.03.11

手动完成此操作非常容易,如其他答案所述。但是,还有jQuerify插件

卡卡西神奇 2020.03.11

FWIW,Firebug嵌入include特殊命令,默认情况下,jQuery为别名:https//getfirebug.com/wiki/index.php/Include

因此,在您的情况下,只需键入:

include("jquery");

弗洛伦特

LEYJim 2020.03.11

我刚刚制作了一个带有错误处理功能的jQuery 3.2.1小书签(如果尚未加载,则仅加载;如果已经加载,则检测版本;如果加载时出错,则显示错误消息)。已在Chrome 27中进行了测试。由于jQuery 2.0与1.9的API兼容,因此没有理由在Chrome浏览器上使用“旧的” jQuery 1.9.1

只需在Chrome开发者控制台中运行以下命令,或将其拖放到书签栏中

javascript:((function(){if(typeof(jQuery)=="undefined"){window.jQuery="loading";var a=document.createElement("script");a.type="text/javascript";a.src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js";a.onload=function(){console.log("jQuery "+jQuery.fn.jquery+" loaded successfully.")};a.onerror=function(){delete jQuery;alert("Error while loading jQuery!")};document.getElementsByTagName("head")[0].appendChild(a)}else{if(typeof(jQuery)=="function"){alert("jQuery ("+jQuery.fn.jquery+") is already loaded!")}else{alert("jQuery is already loading...")}}})())

可读的源代码在这里

樱小胖Mandy 2020.03.11

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

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

Near神无Pro 2020.03.11

使用jQueryify手册:

http://marklets.com/jQuerify.aspx

与其复制粘贴代码到其他答案中,不如将其变成可点击的书签。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android