在浏览器调试工具的 Console 中引入 jQuery 的方法

发表于 分类于 Waline： 本文字数： 166 阅读时长 ≈ 1 分钟

在调试网页时，常常需要使用 jQuery，将其引入到 Console 中，将极大方便开发测试。

使用如下一段代码即可引入 JQ，特此记录。

1
2
3
4
var jquery = document.createElement('script');  
jquery.src = "https://cdn.bootcss.com/jquery/3.7.1/jquery.min.js";  //若调试页面是https的这里也修改为https.
document.getElementsByTagName('head')[0].appendChild(jquery);  
jQuery.noConflict();

具体使用方式为：

  • 复制上面的代码，打开待调试的页面。

  • 按下 F12 调出开发者工具，切换至“console”标签页。

  • 粘贴代码并按下回车键。随后，即可使用 JQ 的函数和功能。

注意，如果 console 关闭，则引入会失效，需要重新引入一次。