圖解利用firefox瀏覽器除錯javascript?

Tags: 步驟, 瀏覽器,

本篇經驗向大家介紹利用firefox瀏覽器除錯javascript。

首先你需要安裝firefox瀏覽器;

方法/步驟

首先安裝 Firebug 外掛,如下圖所示:

圖解利用firefox瀏覽器除錯javascript

接著安裝aptanadebugger 外掛,如下圖所示:

圖解利用firefox瀏覽器除錯javascript

開始除錯選擇你所需要的除錯的html檔案,右鍵點選"Debug As" 下的 “Debug...” ,其中左側選單中要選用 “Web Browser”,右側的"Main" 選項卡中的 "Browser executable"中一定要填寫正確的firefox.exe檔案的路徑,其他的預設即可,如下圖所示:

圖解利用firefox瀏覽器除錯javascript

點選 “Debug” 按鈕(快捷鍵F11 )進入除錯檢視,(aptana 同時會開啟firefox瀏覽器),如下圖所示:

圖解利用firefox瀏覽器除錯javascript

如果執行debug沒有相應,可以右鍵點選“Relaunch” 在試,

有的時候在Debug選項面板中沒有 "Web Browser" 選單 只有 “Remote JS” 選單,解決辦法如下:“Window” -> "Preferences" -> "Run/Debug" -> Launching -> Launch Configuration將右側 "Web Browser" 中的勾去掉。

接下來通過除錯來展示Aptana Debug的各個功能,如下圖所示:

圖解利用firefox瀏覽器除錯javascript

新增斷點【雙擊行號, 刪除也一樣雙擊】仔細看下firefox右下角圖示Aptanadebugger 和Firebug 圖示都亮了起來,及網頁狀態 回到Aptana, ,如下圖所示:

圖解利用firefox瀏覽器除錯javascript

圖解利用firefox瀏覽器除錯javascript

初次 aptana的使用, F5 進入下一步除錯,F6 F7等除錯中的快捷鍵,可以檢視幫助 help->key assist

規範地編輯和除錯js ,可以提高個人工作效率!

相關問題答案