JS的錯誤快速定位–JavaScript調試技巧

在網頁編寫中使用javascript是很常見的事情。但是js程式的調試是相當鬱悶的。javascript是一種弱類型的指令碼語言，很多錯誤是無法控制的。當javascript出現問題時，在IE瀏覽器中只會彈出一個簡單的錯誤提示對話方塊，IE報的錯誤往往莫名其妙。
javascript的錯誤定位非常令人頭疼，如何快速地定位JS錯誤呢？本文教你快速定位JS錯誤。
編寫過JavaScript的開發人員都知道,js錯誤的是很難定位的，總是報一個缺少對象等錯誤，報出錯誤的頁面和行數又不對，很難定位問題位置。在這裡我將介紹一個簡單有效JS錯誤的方法:
使用onerror 事件,這是一種標準的在網頁中捕獲Javascript 錯誤的方法。 只要頁面中出現指令碼錯誤，就會產生onerror 事件。
如果需要利用onerror 事件，就必須建立一個相應處理錯誤的函數,。
window.onerror = function(sMessage,sUrl,sLine){
//出錯處理
return true
}
window.onerror有三個參數:
1>sMessage是錯誤資訊
2>sUrl是發生錯誤的頁面的URL
3>sLine是發生錯誤的程式碼(如果是當前頁的錯誤，行數是準確的，如果不是當前頁面的錯誤，則行數往往會上下錯開一行。)
onerror的傳回值決定了瀏覽器是否顯示一個標準出錯資訊。如果你返回的是false，瀏覽器將在JavaScritp的console裡顯示標準出錯資訊。如果返回true， 瀏覽器則不會顯示標準出錯資訊。
當然這些資訊還不夠充分，其實我們可以擷取更多的提示資訊，譬如錯誤的函數呼叫堆疊。
下面給出一段範例程式碼如下：
//錯誤資訊顯示函數
function reportError(sMessage,sUrl,sLine) {
var str = “”;
str += ” 錯誤資訊:” + sMessage + “\n”;
str += ” 錯誤地址:” + sUrl + “\n”;
str += ” 錯誤行數:” + sLine + “\n”;
str += “<=========呼叫堆疊=========>\n”;
var func = window.onerror.caller;
var index = 0;
while(func!=null){
str += “第” + index + “個函數：” + func + “\n”;
str += “第” + index + “個函數：參數表：”
for(var i=0;i ????)
str += func.arguments[i] + “,”;
}
str += “\n===================\n”;
func = func.caller;
index++;
}
alert(str);
return true;
}

 

//瀏覽器是否顯示標準的錯誤訊息，取決於 onerror 的傳回值。如果傳回值為 false，則在控制台 (JavaScript console) 中顯示錯誤訊息。反之則不會。
window.onerror = reportError;
這樣就拿到了函數的呼叫堆疊，以及每個函數的參數值，可以更好地定位JS錯誤。
注意：onerror事件必需在此網頁中其它Javascript程式之前！

        function reportError(sMessage, sUrl, sLine) {
            var str = "";
            str += " 錯誤資訊:" + sMessage + "\n";
            str += " 錯誤地址:" + sUrl + "\n";
            str += " 錯誤行數:" + sLine + "\n";
            str += "<=========呼叫堆疊=========>\n";
            var func = window.onerror.caller;
            var index = 0;
            while (func != null) {
                //str += "第" + index + "個函數：" + func + "\n";
                //str += "第" + index + "個函數：參數表："
                //for(var i=0;i<func.arguments.count;i++)
                //str += func.arguments[i] + ",";
                //}
                str += func;
                str += "\n===================\n";
                func = func.caller;
                index++;
            }
            alert(str);
            return true;
        }
       
        window.onerror = reportError;