对于不使用jQuery的网站,是否有简便的方法将jQuery包含在Chrome JavaScript控制台中?例如,在一个网站上,我想获取表中的行数。我知道使用jQuery确实很容易。
$('element').length;
该网站不使用jQuery。我可以从命令行添加它吗?
对于不使用jQuery的网站,是否有简便的方法将jQuery包含在Chrome JavaScript控制台中?例如,在一个网站上,我想获取表中的行数。我知道使用jQuery确实很容易。
$('element').length;
该网站不使用jQuery。我可以从命令行添加它吗?
如果您要为用户脚本执行此操作,请编写以下代码:http ://userscripts.org/scripts/show/123588
它可以让您包括jQuery,UI和所需的任何插件。我在具有1.5.1和没有UI的网站上使用它;这个脚本给了我1.7.1加上UI,在Chrome或FF中没有冲突。我自己还没有测试过Opera,但是其他人告诉我,Opera也已经为他们工作过,因此,如果您需要这样做,那么它应该是一个完整的跨浏览器用户脚本解决方案。
如果要从控制台频繁使用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;
}
}
手动完成此操作非常容易,如其他答案所述。但是,还有jQuerify插件。
FWIW,Firebug嵌入include
特殊命令,默认情况下,jQuery为别名:https:
//getfirebug.com/wiki/index.php/Include
因此,在您的情况下,只需键入:
include("jquery");
弗洛伦特
我刚刚制作了一个带有错误处理功能的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...")}}})())
复制以下所有内容:https :
//code.jquery.com/jquery-3.4.1.min.js
并将其粘贴到控制台中。完美运作。
现代浏览器(在Chrome,Firefox,Safari上进行了测试)使用美元符号实现了一些辅助功能
$
,这些功能与jQuery非常相似(如果该网站未使用定义某些内容window.$
)。Those utilities are quite useful for selecting elements in the DOM and modifying them.
Docs: Chrome, Firefox