欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript中獲取出錯(cuò)代碼所在文件及行數(shù)的代碼

 更新時(shí)間:2010年09月23日 18:42:51   作者:  
之前在做一個(gè)Javascript的日志控制臺(tái)功能模塊,希望能夠在Javascript代碼出錯(cuò)時(shí)捕獲此錯(cuò)誤,并將出錯(cuò)的文件及相應(yīng)的行數(shù)打印到控制臺(tái)并匯報(bào)給服務(wù)器。
原先使用的是try-catch的方式,在catch語(yǔ)句中,我們會(huì)收到一個(gè)Error對(duì)象(我們也可以拋出一個(gè)自定義異常對(duì)象)。Firefox中的Error對(duì)象擁有如下屬性:

message —— 錯(cuò)誤提示信息
fileName —— 表示出錯(cuò)代碼所在文件
lineNumber —— 出錯(cuò)代碼所在行數(shù)
stack —— 出錯(cuò)堆棧信息
name —— 異常對(duì)象名/類型
但是在IE下,Error對(duì)象只有如下屬性:

name —— 異常對(duì)象名/類型,和Firefox中顯示的名稱可能不同
message —— 錯(cuò)誤提示信息
description —— 和message屬性相同
number —— ErrorCode,錯(cuò)誤代碼,對(duì)于普通開(kāi)發(fā)人員來(lái)說(shuō)基本沒(méi)意義
也就是說(shuō)在IE下我們無(wú)法獲得最希望得到的錯(cuò)誤代碼所在文件名及出錯(cuò)行數(shù)的信息。后來(lái)在學(xué)校論壇求教之后知道了window(全局對(duì)象)下有一個(gè)onerror的對(duì)象。這個(gè)對(duì)象或者說(shuō)window的屬性綁定的是一個(gè)錯(cuò)誤處理函數(shù)。腳本中任何未被捕獲的錯(cuò)誤最終都會(huì)擴(kuò)散到window這一層,然后被onerror綁定的處理函數(shù)所處理。查了一下相關(guān)文檔,發(fā)現(xiàn)綁定的錯(cuò)誤處理函數(shù)會(huì)接受到三個(gè)參數(shù):

view sourceprint?function onError(message,url,line){}

非常欣慰的是,這個(gè)機(jī)制兼容IE和Firefox。

下面舉一個(gè)例子:
復(fù)制代碼 代碼如下:

function doSomething(){
var lastErrorHandler = window.onerror;
window.onerror = function(message,url,line){
// 匯報(bào)錯(cuò)誤
alert("執(zhí)行" + url + "文件中的第" + line + "行代碼出錯(cuò),錯(cuò)誤信息:" + message);
window.onerror = lastErrorHandler;
// 不希望此錯(cuò)誤繼續(xù)擴(kuò)散
return true;
};
// 不小心出錯(cuò)了...
sldfjlskdjflj;

window.onerror = lastErrorHandler;
}
doSomething();


這里之所以沒(méi)用attachEvent的方式,是因?yàn)閐etach比較不方便。如果希望此錯(cuò)誤處理變成全局的,那么可以使用attachEvent(Firefox下是addEventListener)的方式。

需要注意,Safari(Chrome使用的也是一樣的內(nèi)核)和Opera都不支持此機(jī)制,這兩個(gè)核心的瀏覽器都不支持全局的error事件,因此沒(méi)法使用這種方式來(lái)捕獲異常信息,只能使用try-catch的方式。

試驗(yàn)了一下,在Safari中的Error對(duì)象擁有如下屬性:

message —— 錯(cuò)誤提示信息
line —— 出錯(cuò)代碼所在行數(shù)
sourceId —— 一個(gè)數(shù)字,不明白什么意思
sourceURL —— 表示出錯(cuò)代碼所在文件
name —— 異常對(duì)象名/類型
Opera下的Error對(duì)象擁有如下屬性:

message —— 錯(cuò)誤提示信息
opera#sourceloc —— 出錯(cuò)代碼所在行數(shù)
stacktrace —— 出錯(cuò)堆棧信息
這兩個(gè)瀏覽器中的Error對(duì)象已經(jīng)提供了足夠的信息給我們調(diào)試使用了。下面要做的就是把這兩種方式結(jié)合起來(lái),使之在不同瀏覽器下都能很好的匯報(bào)這些錯(cuò)誤。

下面這段代碼封裝了在不同瀏覽器之上匯報(bào)異常的功能:

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

<script type=”text/javascript”>
function reportError(err){
var errMsg = [];
for(var p in err){
if(err.hasOwnProperty(p)){
errMsg.push(p + "=" + err[p]);
}
}
alert(errMsg.join("\n"));
}
function doSomething(){
var lastErrorHandler = window.onerror;
window.onerror = function(message, url, line){
// 匯報(bào)錯(cuò)誤
reportError({
message: message,
url: url,
line: line
});
window.onerror = lastErrorHandler;
// 不希望此錯(cuò)誤繼續(xù)擴(kuò)散
return true;
}

// 不小心出錯(cuò)了...
sldfjlskdjflj;

window.onerror = lastErrorHandler;
}
try{
// 執(zhí)行可能出錯(cuò)的代碼
doSomething();
}catch(e){
if("\v"=="v"){
// 對(duì)于IE直接讓此錯(cuò)誤擴(kuò)散到最外層
throw e;
}else{
// 對(duì)于其他任意瀏覽器直接匯報(bào)此異常對(duì)象
reportError(e);
}
}
</script>

相關(guān)文章

  • ES6 Promise對(duì)象概念及用法實(shí)例詳解

    ES6 Promise對(duì)象概念及用法實(shí)例詳解

    這篇文章主要介紹了ES6 Promise對(duì)象概念及用法,結(jié)合實(shí)例形式詳細(xì)分析了ES6中Promise對(duì)象的概念、原理、創(chuàng)建、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
    2019-10-10
  • JavaScript實(shí)現(xiàn)模塊拖拽功能的代碼示例

    JavaScript實(shí)現(xiàn)模塊拖拽功能的代碼示例

    這篇文章將給大家詳細(xì)介紹一下JavaScript實(shí)現(xiàn)模塊的拖拽功能的代碼示例,文中有詳細(xì)的實(shí)現(xiàn)步驟,需要的朋友可以參考下
    2023-07-07
  • javascript replace方法與正則表達(dá)式

    javascript replace方法與正則表達(dá)式

    replace方法的語(yǔ)法是:stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string),reExp可以是正則表達(dá)式對(duì)象(RegExp)也可以是字符串(string),replaceText是替代查找到的字符串。。為了幫助大家更好的理解,下面舉個(gè)簡(jiǎn)單例子說(shuō)明一下
    2008-02-02
  • 不使用中間變量,交換int型的 a, b兩個(gè)變量的值。

    不使用中間變量,交換int型的 a, b兩個(gè)變量的值。

    群中的題目,不過(guò)這樣大眾臉的題想必大家都見(jiàn)過(guò),就看能玩出什么新花招
    2010-10-10
  • JavaScript 字符串常用操作小結(jié)(非常實(shí)用)

    JavaScript 字符串常用操作小結(jié)(非常實(shí)用)

    這篇文章主要介紹了JavaScript 字符串常用操作的知識(shí),包括字符串截取,查找類的方法,對(duì)js字符串操作相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
    2016-11-11
  • 微信小程序與webview交互實(shí)現(xiàn)支付功能

    微信小程序與webview交互實(shí)現(xiàn)支付功能

    這篇文章主要介紹了微信小程序與webview交互實(shí)現(xiàn)支付功能,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用小程序具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • openlayers 3實(shí)現(xiàn)車輛軌跡回放

    openlayers 3實(shí)現(xiàn)車輛軌跡回放

    這篇文章主要為大家詳細(xì)介紹了openlayers 3實(shí)現(xiàn)車輛軌跡回放,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • JavaScript極簡(jiǎn)入門教程(三):數(shù)組

    JavaScript極簡(jiǎn)入門教程(三):數(shù)組

    這篇文章主要介紹了JavaScript極簡(jiǎn)入門教程(二):數(shù)組,本文主要講解了數(shù)組的創(chuàng)建和length屬性的介紹,其它方法屬性都沒(méi)有介紹,需要的朋友可以參考下
    2014-10-10
  • 使用JavaScript開(kāi)發(fā)IE瀏覽器本地插件實(shí)例

    使用JavaScript開(kāi)發(fā)IE瀏覽器本地插件實(shí)例

    這篇文章主要介紹了使用JavaScript開(kāi)發(fā)IE瀏覽器本地插件實(shí)例,本文講解使用JS+注冊(cè)表的方式開(kāi)發(fā)一個(gè)IE瀏覽器本地插件,需要的朋友可以參考下
    2015-02-02
  • Bootstrap源碼解讀排版(1)

    Bootstrap源碼解讀排版(1)

    這篇文章主要源碼解讀了Bootstrap排版,介紹了Bootstrap排版的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12

最新評(píng)論