firebug腳本調試
① 使用Firebug對js進行斷點調試的圖文方法
具體步驟:
a.
打開Firebug後,啟用「腳本」調試,找到引用的腳本文件(或者行內js);
b.
在適當的位置加入斷點;
c.
如果斷點已經執行過,則刷新頁面,這時腳本就會在斷點處中斷。如果斷點沒有執行過,那可以直接執行頁面上的動作(例如點擊按鈕等),然後代碼會在斷點處中斷;
d.
觀察函數調用棧,觀察local變數,也可以進行單步執行,進行調試。
確實非常簡單!用Firebug斷點調試的優點總結如下:
能加斷點的行用綠色行號,非常直觀;
call
stack用兩種方式顯示出來,很方便;
本地變數的顯示非常清晰明了。
② 火狐的firebug怎麼調試html的js腳本
在火狐中打開firebug之後。左上角的選擇元素選中想要控制的元素之後。點到腳本處就可以修改你的代碼了
③ firebug調試代碼
1:前端調試 一般是F12 切換出調試台(如果沒有需要安裝開發者工具 IE自帶的)
2: F12 選擇頁面 一般有Scource elements之類
3: 找到編寫的JS代碼出 右鍵添加斷點
4: 刷新頁面就可以進入斷點處
④ firebug腳本調試按鈕為灰色,加了斷點也不能調試!
用chrome 試試看 都是F12。
⑤ 怎樣從Firebug設斷點調試JS代碼
打開firebug,點擊「腳本」選項。
⑥ firebug設置斷點後如何進行調試
http://www.jb51.net/article/26707.htm
⑦ 火狐裝了firebug怎麼調試
簡版的編輯器比較好我感覺,一目瞭然。
要使用firebug需要掌握幾個快捷鍵。
首先 更新你的火狐瀏覽器到最新版。直接按Ctrl+Shift+K 三鍵組合直接打開Firebug.
這里的調試網頁主要以修改網路的首頁。
具體用到的內容會在實際中進行。
第一 調試網路情況。
------------------------------------------------------------------------------
打開網路首頁。同時打開 firebug。(Ctrl+shift+K)
如圖所示 可以點擊網路標簽查看 網頁的詳細的網路請求。
其實,我感覺最有用的就是點擊下面的 XHR 標簽。打開非同步請求過濾。可以查看 網站的非同步請求情況。包括post數據。
之後點擊過濾出的請求。雙擊,就可以在右側查看請求的 參數信息以及發送的cookie等。可以通過此得到請求是否完成,請求的運行情況。
可以點擊上面的標簽查看請求的返回狀況。
如圖點擊響應。可以查看 這個返回的json數據。
當然也可以 編輯這個請求。測試另外一請求是否正常,這樣的話,就不需要再次載入頁面運行了。
-------------------------------------------------------------------------------------
第二 調試網頁元素DOM。
有這樣的情況。我做出一個網頁,但是可能在配色或是左右上下邊距上需要進行調整。那麼可以通過調整元素的css值或是 屬性值進行調節。
首先,如何預覽整個網頁的元素情況?
可以點擊查看器。點擊左側的箭頭,這時,可以在網頁內部移動,滑鼠移動到哪個元素上,會顯示哪個元素的邊框虛線。如圖:
如果我只想查看 網路上面的一個連接。我可以在該鏈接上右擊---->最下面的查看元素。一樣可以查看該連接的CSS等情況。如圖
如果我感覺 如果這個連接顏色是 黑色的話,可不可以更好一些?
那麼可以右擊該鏈接---->查看元素。
然後查看右下角的css規則(這個規則是 css定義的)點擊右側的計算。可以查看實際執行到元素的css樣式(可以有利於調試於元素的css值)
恩,黑色還比較好看。
OK。如果我感覺,其實我想把連接修改一些內容和樣式那麼會怎樣。
選中後,選中 html編輯。如圖
那麼修改html元素如圖所示
點擊上面的空白處應用修改後。
於是就如圖了:
當然也可以選擇元素後。雙擊進入修改。
-----------------------------------------------------------------------------------
第三 調試器。
調試器可以查看網頁請求的js腳本以及腳本的定義,以及腳本的變數的實時值。
如圖所示
當然也可以右擊,彈出中選擇插入斷點等。
可以移動到 變數上或是對象上。查對象的所有屬性以及事件以及值的情況。
如移動到nava 上,顯示所有的值等信息。
如果,我想查看某個函數的定義。比如我想查看
if (navigator.userAgent.indexOf('Firefox') != -1) {
ToolbarPluginComms = initToolbarPluginComms();
中 initToolbarPluginComms()的定義。
雙擊 initToolbarPluginComms()方法選中後。(必須選中。雙擊即可)
右擊 --- 搜索函數定義
可以查看函數的定義
如果所示找到了函數定義,可以查看具體的函數執行細節。
如果 js腳本經過了壓縮和簡單格式混淆。那麼可以點擊左側的美化進行美化操作,如果所示。
如果想查看 腳本的運行情況。
可以點擊
F11 進行單步調試。
F10 直接跳到下一個斷點。
可以進入腳本信息內部。
右側顯示的是 所在的腳本內部的變數等信息可以進行實時查看。
如圖所示:可以在左上側的調試標簽中點擊進行單步等調試。
--------------------------------------------------------------------------------------
好了。目前只是簡單介紹了如何使用。
【具體的需要自己去摸索,當然 最好還需要配合fiddler 使用】
⑧ 火狐瀏覽器firebug的腳本功能調試被禁用了,怎麼解決
工具欄點擊Firebug圖標,在選項一欄最下面有「重置所有Firebug選項」,使用這個功能重置試下,如果Firebug本身錯誤造成的,可以恢復,如果其他擴展影響,分批禁用全部擴展排查。
⑨ 怎麼用firebug調試JS
1打開firebug,點擊「腳本」選項。
2點擊「所有」選項,這里可以選擇要顯示的腳本,建議選擇「顯示所有腳本」。
3在「所有選項」的旁邊,是當前顯示的JavaScript文件的名字,點擊它,可以看到當前頁面用到的所有JavaScript文件,在列表裡找或者直接在列表的搜索框搜索你要調試的JavaScript文件。
4在腳本正文行號的左邊點擊,可以在此行設置斷點,程序運行到此行就會暫停。
5此時紅點上會有個黃色箭頭,代表此行即將被執行。右邊的監控欄可以輸入你想監控的表達式,查看它的值。
6腳本正文右上角有四個圖標,第一個圖標表示取消此次調試,但如果下次程序執行到此斷點還是會暫停;第二個圖標表示單步進入程序;第三個圖標表示單步跳過程序;第四個圖標表示單步退出。
⑩ 在火狐firebug調試中,「腳本」選項卡中的『斷續』按鈕是什麼意思
斷點吧 指的是調試腳本時設置腳本中斷執行的點 方便觀察過程中變數情況