火狐腳本調試
① 火狐裝了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 使用】
② 如何使用firefox進行網頁js調試
1、首先使用Firefox火狐瀏覽器打開需要調試頁面,也可以在開發工具設置火狐瀏覽器來打開:
③ 火狐瀏覽器怎麼調試移動端頁面
調試移動端頁面這個需求本身包含多層含義:
1、樣式調試,這個需求可以通過進入F12熱鍵呼出的界面,進入「開發者響應模式」,並點擊上面的手指圖標,激活手機觸屏的交互時間。
2、傳參調試,這個可以使用傳統的web開發工具,移動端的頁面應用也是基於傳統協議的,故而老的調試工具同樣適用。推薦:httpRequester。
3、針對移動端,火狐瀏覽器還有個遠程調試功能,使用方法如下:
USB連接:把你的Android設備通過USB鏈接到可以運行Firefox的電腦。在終端,遠期使用的TCP連接:adb forward tcp:6000 tcp:6000
桌面端Firefox:使用about:config 啟用遠程調試。設置 「devtools.debugger.remote-enabled」 為真。重啟。你應該可以看到一個「Web開發者 > Remote Debugger(遠程調試器)」菜單。
Android端Firefox:使用 about:config 啟用遠程調試。設置 「devtools.debugger.remote-enabled」 為真。重啟。
桌面端Firefox:選擇「Web開發者>Remote Debugger(遠程調試器)」,打開一個遠程連接對話框。如果你沒有其他特別的遠程調試要求,只需要使用默認值。按「確定」。現在,你應該看到一個空的調試窗口出現。
Android端Firefox:你應該能看到一個遠程調試連接提示出現。按OK以初始化連接。默認情況下,你有3秒時間接受連接。可以重試3次。
桌面端Firefox:一旦連接被接受,空調試窗口將被內容填補,並且Android的網頁腳本也能在Firefox上運行。
④ 火狐瀏覽器firebug的腳本功能調試被禁用了,怎麼解決
工具欄點擊Firebug圖標,在選項一欄最下面有「重置所有Firebug選項」,使用這個功能重置試下,如果Firebug本身錯誤造成的,可以恢復,如果其他擴展影響,分批禁用全部擴展排查。
⑤ 火狐怎麼老是彈出調試腳本繼續之後又正常了
您好!很高興為您答疑!
您可以按ctrl+shift+del,調出火狐內置的清除最近的歷史記錄工具(或者按alt鍵彈出菜單,工具-》清空最近歷史記錄),然後選擇清除全部的緩存和cookie,如果不能解決,可以點擊 Windows的開始按鈕,選擇運行...在運行對話框中,輸入:firefox.exe -p 點擊確定,為瀏覽器新建一個配置文件
⑥ 火狐腳本怎麼運行
1.
一,下載安裝火狐瀏覽器 搜索火狐瀏覽器,到官網下載安裝就可以了.
2.
二,安裝附件組件 打開瀏覽器,點右上角的...或手機上的菜單鍵彈出對話框,找到附件組件項,點擊,找到瀏覽全部firefox附件組件點擊,在出現的頁面的搜索框里輸入USI搜索.搜索到後點添加該組件.以後就可以安裝任意組件了.我們以安裝tampermonkey為例.
3.
三,安裝tampermonkey 返回瀏覽器主頁,搜索tampermonkey,瀏覽器會自動搜索到火狐的版本.搜索到後點擊下載安裝.在沒有安裝usi組件之前是不能安裝的.
⑦ Firefox3火狐瀏覽器javascript腳本調試插件怎麼用
尊敬的用戶,您好!很高興為您答疑
如果您說的是firebug等調試功能,那麼您可以通過選項菜單中如圖所示位置進行功能窗口的開啟。也可以使用熱鍵(F12)。
希望我的回答對您有所幫助,如有疑問,歡迎繼續咨詢我們。
⑧ 火狐的firebug怎麼調試html的js腳本
在火狐中打開firebug之後。左上角的選擇元素選中想要控制的元素之後。點到腳本處就可以修改你的代碼了
⑨ 火狐瀏覽器中的javascript怎麼調試
所需工具材料:火狐瀏覽器
方法如下:
1、打開火狐瀏覽器,按F12鍵調取調試工具。
2、選擇「調試器」選項,然後選擇需要調試的JS代碼,接著在合適的位置加入斷點。
⑩ 火狐firedebug插件怎麼調試js
用firedebug插件來調試JS需要掌握以下快捷鍵:
直接按Ctrl+Shift+K 三鍵組合直接打開Firebug.這里的調試網頁主要以修改網路的首頁。
第一:調試網路情況
打開網路首頁。同時打開 firebug。(Ctrl+shift+K)可以右鍵點擊網路標簽查看網頁源代碼。
第二:調試器
調試器可以查看網頁請求的js腳本以及腳本的定義,以及腳本的變數的實時值。如圖: