欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

FireBug 調(diào)試JS入門教程 如何調(diào)試JS

 更新時(shí)間:2013年12月23日 00:05:28   作者:  
這篇文章主要為大家介紹下通過(guò)firefox的FireBug調(diào)試JS,需要的朋友可以參考下
安裝就不用說(shuō)了,很簡(jiǎn)單,在FireFox上插件庫(kù)里找到FireBug就Ok了。下圖是FireBug Debug 窗口。


     FireBug美工用的非常普遍,公司美工妹妹用的非常熟練 呵呵,而對(duì)于我們開發(fā)人員,主要用它來(lái)Debug JS??纯垂俜綄?duì)Debug功能的介紹。
 Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and see what each variable looked like at that moment. If your code is a little sluggish, use the JavaScript profiler to measure performance and find bottlenecks fast.
      簡(jiǎn)而言之,F(xiàn)ireBug 可以讓我們?cè)谌魏螘r(shí)候debugJS 并查看變量,同時(shí)可以通過(guò)它找出JS中性能瓶頸。
      下圖是如何找到Web應(yīng)用的JS,激活Firebug,點(diǎn)Script,然后在All 旁邊選擇你要Debug的JS。


下圖是如何打斷點(diǎn) 基本跟Eclipse一樣,點(diǎn)擊行號(hào)就Ok了。

下圖是如何在斷點(diǎn)上設(shè)定條件,如果條件符合,就進(jìn)入斷點(diǎn),這個(gè)功能很不錯(cuò),特別是Debug很復(fù)雜的Function時(shí)候。

 下圖是如何單步調(diào)試,跟Eclipse一樣 F11單步

下圖是查看調(diào)用的Stack,對(duì)以復(fù)雜的JS Debug很有幫助。


下圖是查看變量 基本跟EclipseDebug 一樣。


下圖是在斷點(diǎn)處查看變量。


有個(gè)很好用的功能,代碼行之間快速調(diào)轉(zhuǎn),使得對(duì)上千行的JS調(diào)試很輕松。

下圖就是Performance 測(cè)試結(jié)果,使用很簡(jiǎn)單 點(diǎn)Profile


還有一個(gè)Log功能比較實(shí)用,看下圖 如果你不想每次都進(jìn)入斷點(diǎn),用這個(gè)就再好不過(guò)了。

基本用法就這些了,希望對(duì)大家有幫助。

相關(guān)文章

最新評(píng)論