jQuery Debugger的開(kāi)發(fā)背景
對(duì)于現(xiàn)代化的網(wǎng)頁(yè)來(lái)說(shuō),HTML5已經(jīng)逐漸成為了未來(lái)網(wǎng)頁(yè)發(fā)展的主流,相比較從前靜態(tài)的網(wǎng)頁(yè)來(lái)說(shuō),HTML5更加突出的是人性化設(shè)計(jì),這其中必然少不了javascript對(duì)網(wǎng)頁(yè)設(shè)計(jì)的支持。但是由于Javascript語(yǔ)言在操作HTML元素的時(shí)候,會(huì)存在很多不方便的地方(比如:瀏覽器的兼容性、各種語(yǔ)言接口復(fù)雜且麻煩),大多數(shù)用戶都會(huì)選擇一種Javascript庫(kù)來(lái)操作HTML、與后臺(tái)數(shù)據(jù)交互。
jQuery是目前使用人數(shù)最多的Javascript庫(kù)之一,其優(yōu)美的語(yǔ)法給用戶帶來(lái)的大量的工作效率提升,在Javascript中許多繁瑣的工作,使用jQuery都可以為用戶提供一站式解決方案,但是jQuery庫(kù)本身對(duì)普通用戶來(lái)說(shuō)是非常難理解的,用戶需要調(diào)試jQuery會(huì)顯得更加復(fù)雜,今天給大家推薦一款可以使用Chrome方便調(diào)試和觀察jQuery運(yùn)行情況的谷歌瀏覽器插件。
jQuery Debugger的簡(jiǎn)介
jQuery Debugger是一款可以在谷歌瀏覽器中調(diào)試和觀察jQuery運(yùn)行情況的Chrome插件,在Chrome中安裝了jQuery Debugger插件以后,用戶就可以在Chrome的控制臺(tái)中查看到相應(yīng)元素的jQuery信息,打開(kāi)控制臺(tái)的方法是按F12,在谷歌提供的默認(rèn)調(diào)試器中,用戶可以看到由jQuery Debugger插件生成的jQuery專用調(diào)試欄,在其中用戶可以看到j(luò)Query的事件、jQuery操作的對(duì)象等信息,方便用戶對(duì)jQuery代碼進(jìn)行調(diào)試。
jQuery Debugger的注意事項(xiàng)
1.jQuery Debugger插件只能調(diào)試jQuery庫(kù),對(duì)于Javascript的其他庫(kù)無(wú)法進(jìn)行觀察和調(diào)試。
2.jQuery Debugger對(duì)調(diào)試jQuery來(lái)說(shuō)非常有用,但是如果用戶使用的是純Javascript編寫(xiě)的代碼,并且不了解jQuery的情況下可能會(huì)產(chǎn)生一些誤解。
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版