jQuery Debugger(Chrome调试jQuery库插件) V0.1.3.2 官方版

jQuery Debugger插件是一款功能强大的运用在谷歌浏览器中的插件。jQuery Debugger可以帮助用户在谷歌浏览器中调试jQuery库,操作简单,使用方便。小编给大家带来jQuery Debugger插件下载,有需要的朋友快来下载吧！

jQuery Debugger 插件介绍

jQuery Debugger是一款可以在谷歌浏览器中调试和观察jQuery运行情况的Chrome插件,在Chrome中安装了jQuery Debugger插件以后,用户就可以在Chrome的控制台中查看到相应元素的jQuery信息,打开控制台的方法是按F12,在谷歌提供的默认调试器中,用户可以看到由jQuery Debugger插件生成的jQuery专用调试栏,在其中用户可以看到jQuery的事件、jQuery操作的对象等信息,方便用户对jQuery代码进行调试。

jQuery Debugger 使用方法

1.第一步大家应该都知道要在本站下载谷歌插件(同时需要一款最新谷歌浏览器),解压,得到crx格式的文件。

2.接着大家需要打开谷歌浏览器,找到右上角的按钮,在下拉框中选择"设置"选项,然后点击设置来启动Chrome浏览器的设置页面。如下图：

3.进入设置界面,找到并点击"扩展程序"。如下图：

4.在打开的谷歌浏览器的扩展管理器中用户可以看到一些已经安装程序的Chrome插件,或者一个Chrome插件也没有。如下图：

5.我们回到软件包中,将jQuery Debugger拖到谷歌浏览器中的"扩展程序"界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个"拖动以安装"的插件按钮。我们就将jQuery Debugger拖动到这个位置,jQuery Debugger插件的安装。如下图：

6.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后还会给予用户一个确认安装的提示。只需要点击"添加"按钮就可以把该Chrome插件安装到谷歌浏览器中去。如下图：

7.安装好jQuery Debugger以后,右上角会有jQuery Debugger图标。如下图：

8.当然安装了Chrome 插件,也有不需要这款插件的时候,那么不需要Chrome插件的时候,大家就可以删除它,卸载Chrome插件的方法非常简单,具体操作如下图所示：

jQuery Debugger 插件背景

对于现代化的网页来说,HTML5已经逐渐成为了未来网页发展的主流,相比较从前静态的网页来说,HTML5更加突出的是人性化设计,这其中必然少不了javascript对网页设计的支持。但是由于Javascript语言在操作HTML元素的时候,会存在很多不方便的地方（比如：浏览器的兼容性、各种语言接口复杂且麻烦）,大多数用户都会选择一种Javascript库来操作HTML、与后台数据交互。

jQuery是目前使用人数最多的Javascript库之一,其优美的语法给用户带来的大量的工作效率提升,在Javascript中许多繁琐的工作,使用jQuery都可以为用户提供一站式解决方案,但是jQuery库本身对普通用户来说是非常难理解的,用户需要调试jQuery会显得更加复杂,今天给大家推荐一款可以使用Chrome方便调试和观察jQuery运行情况的谷歌浏览器插件。

jQuery Debugger 功能介绍

1.jQuery Debugger插件只能调试jQuery库,对于Javascript的其他库无法进行观察和调试。

2.jQuery Debugger对调试jQuery来说非常有用,但是如果用户使用的是纯Javascript编写的代码,并且不了解jQuery的情况下可能会产生一些误解。

3.在使用Chrome打开一个jQuery网站以后,就可以打开jQuery Debugger插件来查看相应的元素选择匹配项,来查找出jQuery代码需要操作的元素。

4.使用鼠标选择网页中的DOM元素,在jQuery Debugger插件的右侧显示栏中,就可以看到对应的jQuery事件列表、jQuery数据等信息,通过这个列表用户可以更加直观地查看到jQuery的运行情况。

小编点评

jQuery Debugger是一款可以在Chrome中调试jQuery库的Chrome插件,是一款值得大家下载使用的谷歌浏览器插件！