快捷導(dǎo)航

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

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

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

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

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

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

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

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

C 使用 try...catch 語句找錯(cuò)誤
示例：

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

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

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

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

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

該示例并沒有進(jìn)入catch 塊中。

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

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

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

您可能感興趣的文章: