JavaScript跨瀏覽器調試方法~~~

由於小弟JavaScript功力淺薄,近日在惡補中,首當其中的問題就是調試,日常應用都是應付多系統的,所以跨瀏覽器的調試尤爲重要,主要用IE,FireFox和Safari。


1.IE

VS2008的js的調試能力有所增強,但有時候小腳本的調試可以不動用它,直接用office只帶的Script Editor就可以了,具體步驟是:
打開IE,把禁用腳本調試的兩個選項去掉:
單擊在新窗口中打開圖片,Ctrl+滾輪縮放圖片


在腳本上加上"debugger;"
單擊在新窗口中打開圖片,Ctrl+滾輪縮放圖片


然後在瀏覽器中打開,即可調用出Script Editor進行調試,當然你也可以直接挖出它來運行調試,具體的安裝路徑在OFFICE中,2003和2007的路徑不一樣,2003是在OFFICE11目錄,2007是在"X:\Program Files\Common Files\Microsoft Shared\OFFICE12"中,找不到,直接找MSE7.EXE就可以了:)
單擊在新窗口中打開圖片,Ctrl+滾輪縮放圖片
單擊在新窗口中打開圖片,Ctrl+滾輪縮放圖片

2.FireFox

主要是通過安裝插件來完成,這裏首推firebug,界面比較友好也穩定點,Venkman 我使用時不太穩定,可能是小弟功力淺薄之故,試用後就沒有使用了。
這裏用firebug爲例:

打開firebug控制檯:
單擊在新窗口中打開圖片,Ctrl+滾輪縮放圖片


然後就可以對網頁中的腳本進行Debug,提供的功能比較多,是俺的最愛,介紹它的文章比較多,我就不多說了:
單擊在新窗口中打開圖片,Ctrl+滾輪縮放圖片

單擊在新窗口中打開圖片,Ctrl+滾輪縮放圖片


firebug下載地址:
http://www.getfirebug.com/?

Venkman
http://www.mozilla.org/projects/venkman/


3.Safari

照着官方的提示,找到Preferences.plist,增加一個key就可以進行調試了。
具體操作是:
代開X:\Documents and Settings\[USERNAME]\Application Data\Apple Computer\Safari\Preferences.plist
照着前面的格式添加上:

複製  保存
<key>IncludeDebugMenu</key>
<true/>

單擊在新窗口中打開圖片,Ctrl+滾輪縮放圖片
選項中把這個勾選上 
"Log JavaScript Exceptions" 
打開
"Show JavaScript Console"
單擊在新窗口中打開圖片,Ctrl+滾輪縮放圖片


然後運行腳本,就可以在控制檯上查看了,但是這個控制檯的log竟然連複製都不可以,功能簡單,簡直是雞肋,不知道各位大俠有什麼好的調試方法呢?
單擊在新窗口中打開圖片,Ctrl+滾輪縮放圖片

單擊在新窗口中打開圖片,Ctrl+滾輪縮放圖片
另外聽說Adobe ExtendScript Toolkit 2對js的調試能力也很強,但好像不支持web中的對象,總之搞了一個晚上都不知道怎麼用,如有大大知道,望告知小弟一聲,萬分感激!!~
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章