在JavaScript控制台中包含jQuery

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

$('element').length;

该网站不使用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(其他库等)冲突,您仍然可能会遇到问题。

更新:

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

  1. 用鼠标右键单击书签栏,然后单击
  2. 随意命名,例如注入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 /版本。

以上是 在JavaScript控制台中包含jQuery 的全部内容, 来源链接: utcz.com/qa/406333.html

回到顶部