对于不使用 jQuery 的网站，是否有一种简单的方法可以将 jQuery 包含在 Chrome JavaScript 控制台中？例如，在网站上，我想获取表格中的行数。我知道使用 jQuery 这真的很容易。
$('element').length;
该站点不使用 jQuery。我可以从命令行添加它吗？
在 JavaScript 控制台中包含 jQuery
IT技术
javascript
jquery
2021-02-05 06:43:04
6个回答
在浏览器的 JavaScript 控制台中运行它，然后 jQuery 应该可用...
var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.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（其他库等）冲突的脚本，您仍然可能会遇到问题。
更新：
让最好的变得更好，创建书签真的很方便，让我们做吧，一点反馈也很棒：
- 右键单击书签栏，然后单击添加页面
- 随意命名，例如 Inject jQuery，并使用以下行作为 URL：
javascript:(function(e,s){e.src=s;e.onload=function(){jQuery.noConflict();console.log('jQuery注入')};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
并将其粘贴到控制台中。完美运行。
使用 jQueryify 小册子：
https://web.archive.org/web/20190502132317/http://marklets.com/jQuerify.aspx
而不是复制粘贴其他答案中的代码，这将使其成为可点击的书签。
添加到@jondavidjohn 的答案中，我们还可以将其设置为书签，并将 URL 作为 javascript 代码。
名称：包含 Jquery
网址：
javascript:var jq = document.createElement('script');jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(jq); setTimeout(function() {jQuery.noConflict(); console.log('jQuery loaded'); }, 1000);void(0);
然后将它添加到 Chrome 或 Firefox 的工具栏，这样我们就可以点击书签，而不是一次又一次地粘贴脚本。
