使用Firebug對js進(jìn)行斷點(diǎn)調(diào)試的圖文方法
更新時(shí)間：2011年04月02日 00:34:54 作者：
使用Firebug調(diào)試JavaScript非常方便。因?yàn)閖s的錯(cuò)誤不容易查找，用這個(gè)就方便多了。
具體步驟：
a. 打開Firebug后，啟用“腳本”調(diào)試，找到引用的腳本文件（或者行內(nèi)js）；
b. 在適當(dāng)?shù)奈恢眉尤霐帱c(diǎn)；
c. 如果斷點(diǎn)已經(jīng)執(zhí)行過，則刷新頁面，這時(shí)腳本就會在斷點(diǎn)處中斷。如果斷點(diǎn)沒有執(zhí)行過，那可以直接執(zhí)行頁面上的動作（例如點(diǎn)擊按鈕等），然后代碼會在斷點(diǎn)處中斷；
d. 觀察函數(shù)調(diào)用棧，觀察local變量，也可以進(jìn)行單步執(zhí)行，進(jìn)行調(diào)試。
確實(shí)非常簡單！用Firebug斷點(diǎn)調(diào)試的優(yōu)點(diǎn)總結(jié)如下：
- 能加斷點(diǎn)的行用綠色行號，非常直觀；
- call stack用兩種方式顯示出來，很方便；
- 本地變量的顯示非常清晰明了。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)水平和豎直滑動條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了Symbol是ES2015新增的一種值類型數(shù)據(jù)，表示一種絕不重復(fù)的值,需要的朋友可以參考下2016-12-12
本文給大家介紹如何替換json對象中的key，通過實(shí)例代碼給大家介紹key的替換方法，代碼也很簡單，需要的朋友參考下吧2021-06-06
JavaScript獲取頁面中表單（form）數(shù)量的方法
這篇文章主要介紹了JavaScript獲取頁面中表單（form）數(shù)量的方法,涉及javascript操作表單document.forms數(shù)組的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
在?JavaScript?中，reduce?是最難理解的數(shù)組方法之一，它是一個(gè)強(qiáng)大而靈活的高階函數(shù)，下面就來看看?reduce?的妙用之處，希望對大家有所幫助2023-02-02
js禁止查看源文件屏蔽Ctrl+u/s、F12、右鍵等兼容IE火狐c(diǎn)hrome
最近想給JS特效與模板預(yù)覽頁面加上屏蔽查看源文件，防治整理不易的源碼被輕易拿走，發(fā)現(xiàn)IE、火狐、chrome等各類瀏覽器支持不一樣。下面是腳本之家整理的一些屏蔽總結(jié)2020-10-10
javascript實(shí)現(xiàn)的固定位置懸浮窗口實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)的固定位置懸浮窗口,以一個(gè)完整實(shí)例形式詳細(xì)分析了javascript實(shí)現(xiàn)固定位置懸浮窗口的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
JavaScript事件流之事件處理和傳播機(jī)制深入理解
本文將詳細(xì)介紹JavaScript事件流的發(fā)展流程、屬性以及應(yīng)用場景,并提供一些代碼示例和引用資料,幫助讀者深入理解并應(yīng)用這一重要的前端技術(shù),希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
類似php的js數(shù)組的in_array函數(shù)自定義方法
PHP的數(shù)組函數(shù)in_array()非常方便，下面就為大家介紹下自定義類似php的js數(shù)組的in_array函數(shù)，具體實(shí)現(xiàn)方法如下，感興趣的朋友可以參考下2013-12-12
使用jquery來在頁面加載時(shí)獲取頁面input控件中所有text控件并添加樣式,由于其他方式比較麻煩所以就想通過在頁面加載的時(shí)候?qū)⒁膭拥膖ext找到并添加屬性，感興趣的你可以參考下，希望可以幫助到你2013-02-02