浏览器console中加入jquery方便调试

最新推荐文章于 2024-08-28 08:44:48 发布

jzeyy

最新推荐文章于 2024-08-28 08:44:48 发布

阅读量9.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/sinat_18831033/article/details/52059899

Javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在Chrome浏览器的调试界面中动态加载jQuery的方法，通过创建并插入script标签实现，便于开发者进行页面元素的选择和其他操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

chrome浏览器F12打开调试界面，在console中输入(firefox同样可以)：

var jquery = document.createElement('script');  
jquery.src = "http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js";//若调试页面是https的这里也修改为https.
document.getElementsByTagName('head')[0].appendChild(jquery);  
jQuery.noConflict();

这个节点就是我们动态生成的 script 节点.然后把百度上的jquery 地址赋给 jquery 节点.在 head 节点下插入jquery 节点即可.

回车，然后就可以使用jquery的选择器等很方便的操作调试了。