快捷導(dǎo)航

可以用來調(diào)試JavaScript錯誤的解決方案

更新時間：2010年08月07日 20:42:45 作者：

我們在書寫js的過程中，經(jīng)常會出現(xiàn)一些js錯誤，對于如果找出錯誤的解決方法就是關(guān)鍵，下面的文章就是相關(guān)的調(diào)試方法。

A 使用alert() 和document.write() 方法監(jiān)視變量值
如果要中斷代碼的運行，監(jiān)視變量的值，則使用alert() 方法；
如果需要查看的值很多，則使用document.write() 方法，避免反復(fù)單擊“確定”按鈕；

B 使用window.onerror 事件
當頁面出現(xiàn)異常時，onerror 事件會在window 對象上觸發(fā)。它能在一定程度上告訴開發(fā)者相關(guān)的錯誤信息。
示例：

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
function myerror(_message,_url,_line) 
{ 
alert("錯誤信息：" + _message 
+"\n錯誤的URI：" + _url 
+"\n錯誤的行數(shù)：" + _line 
); 
return true; //屏蔽系統(tǒng)的事件 
} 
//綁定錯誤事件 
window.onerror = myerror; 
//觸發(fā)錯誤示例： 
window,onload = test; 
</script> 

注意：在IE 中，觸發(fā)error 事件后，正常的代碼會繼續(xù)運行，所有的變量和數(shù)據(jù)都會保存下來，在其onerror 事件處理方法中可以正常訪問到；而在Firefox 中，觸發(fā)error 事件后，一切都結(jié)束，所有的變量和數(shù)據(jù)都將被銷毀。

C 使用 try...catch 語句找錯誤
示例：

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
try 
{ 
alert(觸發(fā)異常); 
} 
catch (_ex) //可以省略“_ex”參數(shù) 
{ 
var err = "錯誤信息"; 
for (var i in _ex) 
{ 
err += "\n參數(shù)名：" + i 
+ "\t參數(shù)值：" + _ex[i]; 
} 
alert(err); //打印錯誤 
} 
finally //finally 可以被省略... 
{ 
alert("finally 總是會運行"); 
} 
</script> 

注意：try...catch 并不能很好的處理JavaScript 的語法錯誤。
示例：

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
try 
{ 
alert("觸發(fā)語法錯誤")); //多了半邊“)” 
} 
catch (_ex) //可以省略_ex參數(shù) 
{ 
var err = "錯誤信息"; 
for (var i in _ex) 
{ 
err += "\n參數(shù)名：" + i 
+ "\t參數(shù)值：" + _ex[i]; 
} 
alert(err); //打印錯誤 
} 
</script> 

該示例并沒有進入catch 塊中。

D 使用相關(guān)調(diào)試器
在IE 和Firefox 瀏覽器中，可以使用相關(guān)的調(diào)試器或插件對JavaScript 進行調(diào)試。

● 在Firefox 瀏覽器中，可以使用其自帶的“錯誤控制臺”。操作步驟如下：
打開Firefox 瀏覽器 → 在菜單條“工具”中 → 選擇“錯誤控制臺”即可。
在沒有其他插件的情況下，其自帶的“錯誤控制臺”是一個非常不錯的選擇。

另外，在Firefox 瀏覽器中，還有一些很不錯的調(diào)試器，如：Venkman、Firebug 等。
Venkman 調(diào)試器安裝后，可以在Firefox 瀏覽器 → 在菜單條“工具”中 → 選擇“JavaScript Debugger ”命令啟用；
Firebug 調(diào)試器安裝后，可以在Firefox 瀏覽器 → 在菜單條“工具”中 → 選擇“Firebug”→ 選擇“打開 Firebug”即可；

● 在IE 瀏覽器中，可以使用 Microsoft Script Debugger 調(diào)試器
Microsoft Script Debugger 是微軟隨IE 4 一同發(fā)布的一個IE插件，可以從微軟的官方網(wǎng)站上免費下載。
下載安裝以后，必須將IE 瀏覽器的調(diào)試選項打開才能使用。操作步驟如下：
1> 打開IE 瀏覽器 → 選擇菜單欄的“工具”→ “Internet 選項”命令 → “高級”選項卡 → 將“禁用腳本調(diào)試（Internet Explorer ）”復(fù)選框中的勾去掉即可。
2> 當IE 瀏覽器正在瀏覽頁面時，運行Microsoft Script Debugger 調(diào)試器工具即可進行調(diào)試。
在Microsoft Script Debugger 調(diào)試器的 Running Document 面板中選擇開啟的頁面文件（只讀），然后按F9 可以設(shè)置斷點調(diào)試。另外，其Command Window 面板也是一個很有用的功能，它能在代碼斷點停止時，在其中輸入變量名并回車，便可看到此時變量的值；Command Window 面板甚至可以接受簡單的JavaScript 命令。但Microsoft Script Debugger 調(diào)試器自身還存在一個bug 問題。

您可能感興趣的文章: