當(dāng)前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
FireBug 调试JS入门 —如何调试JS
生活随笔
收集整理的這篇文章主要介紹了
FireBug 调试JS入门 —如何调试JS
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
安裝就不用說了,很簡單,在FireFox上插件庫里找到FireBug就Ok了。下圖是FireBug Debug 窗口。
???? FireBug美工用的非常普遍,公司美工妹妹用的非常熟練 呵呵,而對于我們開發(fā)人員,主要用它來Debug JS。看看官方對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.
????? 簡而言之,FireBug 可以讓我們在任何時(shí)候debugJS 并查看變量,同時(shí)可以通過它找出JS中性能瓶頸。
????? 下圖是如何找到Web應(yīng)用的JS,激活Firebug,點(diǎn)Script,然后在All 旁邊選擇你要Debug的JS。
下圖是如何打斷點(diǎn) 基本跟Eclipse一樣,點(diǎn)擊行號就Ok了。
下圖是如何在斷點(diǎn)上設(shè)定條件,如果條件符合,就進(jìn)入斷點(diǎn),這個(gè)功能很不錯(cuò),特別是Debug很復(fù)雜的Function時(shí)候。
?下圖是如何單步調(diào)試,跟Eclipse一樣 F11單步
下圖是查看調(diào)用的Stack,對以復(fù)雜的JS Debug很有幫助。
下圖是查看變量 基本跟EclipseDebug 一樣。
下圖是在斷點(diǎn)處查看變量。
有個(gè)很好用的功能,代碼行之間快速調(diào)轉(zhuǎn),使得對上千行的JS調(diào)試很輕松。
下圖就是Performance 測試結(jié)果,使用很簡單 點(diǎn)Profile
還有一個(gè)Log功能比較實(shí)用,看下圖 如果你不想每次都進(jìn)入斷點(diǎn),用這個(gè)就再好不過了。
?????? 基本用法就這些了,希望對大家有幫助。
???? FireBug美工用的非常普遍,公司美工妹妹用的非常熟練 呵呵,而對于我們開發(fā)人員,主要用它來Debug JS。看看官方對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.
????? 簡而言之,FireBug 可以讓我們在任何時(shí)候debugJS 并查看變量,同時(shí)可以通過它找出JS中性能瓶頸。
????? 下圖是如何找到Web應(yīng)用的JS,激活Firebug,點(diǎn)Script,然后在All 旁邊選擇你要Debug的JS。
下圖是如何打斷點(diǎn) 基本跟Eclipse一樣,點(diǎn)擊行號就Ok了。
下圖是如何在斷點(diǎn)上設(shè)定條件,如果條件符合,就進(jìn)入斷點(diǎn),這個(gè)功能很不錯(cuò),特別是Debug很復(fù)雜的Function時(shí)候。
?下圖是如何單步調(diào)試,跟Eclipse一樣 F11單步
下圖是查看調(diào)用的Stack,對以復(fù)雜的JS Debug很有幫助。
下圖是查看變量 基本跟EclipseDebug 一樣。
下圖是在斷點(diǎn)處查看變量。
有個(gè)很好用的功能,代碼行之間快速調(diào)轉(zhuǎn),使得對上千行的JS調(diào)試很輕松。
下圖就是Performance 測試結(jié)果,使用很簡單 點(diǎn)Profile
還有一個(gè)Log功能比較實(shí)用,看下圖 如果你不想每次都進(jìn)入斷點(diǎn),用這個(gè)就再好不過了。
?????? 基本用法就這些了,希望對大家有幫助。
總結(jié)
以上是生活随笔為你收集整理的FireBug 调试JS入门 —如何调试JS的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Java描述设计模式(11):观察者模式
- 下一篇: SpringCloud微服务:Senti