FireBug 調試JS入門教程 如何調試JS
更新時間:2013年12月23日 00:05:28 作者:
這篇文章主要為大家介紹下通過firefox的FireBug調試JS,需要的朋友可以參考下
安裝就不用說了,很簡單,在FireFox上插件庫里找到FireBug就Ok了。下圖是FireBug 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.
簡而言之,F(xiàn)ireBug 可以讓我們在任何時候debugJS 并查看變量,同時可以通過它找出JS中性能瓶頸。
下圖是如何找到Web應用的JS,激活Firebug,點Script,然后在All 旁邊選擇你要Debug的JS。
下圖是如何打斷點 基本跟Eclipse一樣,點擊行號就Ok了。
下圖是在斷點處查看變量。
有個很好用的功能,代碼行之間快速調轉,使得對上千行的JS調試很輕松。
還有一個Log功能比較實用,看下圖 如果你不想每次都進入斷點,用這個就再好不過了。
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.
簡而言之,F(xiàn)ireBug 可以讓我們在任何時候debugJS 并查看變量,同時可以通過它找出JS中性能瓶頸。
下圖是如何找到Web應用的JS,激活Firebug,點Script,然后在All 旁邊選擇你要Debug的JS。
下圖是如何打斷點 基本跟Eclipse一樣,點擊行號就Ok了。
下圖是在斷點處查看變量。
有個很好用的功能,代碼行之間快速調轉,使得對上千行的JS調試很輕松。
還有一個Log功能比較實用,看下圖 如果你不想每次都進入斷點,用這個就再好不過了。
相關文章
JS+CSS制作DIV層可(最小化/拖拽/排序)功能實現(xiàn)代碼
DIV層最小化和隨意拖拽排序,很多的愛好者都想實現(xiàn)這個功能,小編整理搜集了一下,希望本文的知識點可以幫助到你2013-02-02使用element-ui的upload組件上傳代碼包時遇到的問題小結
這篇文章主要介紹了使用element-ui的upload組件上傳代碼包時遇到的問題及總結,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-12-12JS實現(xiàn)定時任務每隔N秒請求后臺setInterval定時和ajax請求問題
這篇文章主要介紹了JS實現(xiàn)定時任務每隔N秒請求后臺setInterval定時和ajax請求 的相關資料,需要的朋友可以參考下2017-10-10echarts報錯:Error?in?mounted?hook的解決方法
最近又遇到了寫echarts的時候常遇到的一個錯誤,這篇文章主要給大家介紹了關于echarts報錯:Error?in?mounted?hook:?“TypeError:?Cannot?read?properties?of?undefined?(reading?‘init‘)“的解決方法,需要的朋友可以參考下2022-07-07