當前位置:首頁 » 編程軟體 » 火狐腳本調試

火狐腳本調試

發布時間: 2022-07-24 12:29:17

① 火狐裝了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腳本以及腳本的定義,以及腳本的變數的實時值。如圖:


熱點內容
用gcc編譯16位匯編 發布:2025-02-06 09:06:07 瀏覽:822
什麼低端安卓手機不卡 發布:2025-02-06 09:03:32 瀏覽:13
我的世界伺服器卡領地 發布:2025-02-06 08:50:45 瀏覽:255
我的世界公網ip伺服器 發布:2025-02-06 08:46:28 瀏覽:772
php數組值求和 發布:2025-02-06 08:30:56 瀏覽:819
java類可以作為 發布:2025-02-06 08:28:54 瀏覽:412
sql更改列 發布:2025-02-06 08:22:37 瀏覽:396
創建索引sql 發布:2025-02-06 08:22:29 瀏覽:235
西門子有密碼如何初始化 發布:2025-02-06 08:22:28 瀏覽:594
EV壓縮 發布:2025-02-06 08:21:13 瀏覽:336