グローバルにログを記録するjQueryエラー（イベントとDOMエラー）

Question

最近のシステムではJavascript（jQuery、AJAXなど）の方がますます使いやすくなっているため、 。

---

私の関心は、通常のDOM操作/ jQueryのイベントが作成または実行されているjQueryの自体、内、window.onerrorはこれらをキャッチすることができないということであり、これは彼らが記録されたことで、より高速な生産にデバッグバグを作るのを助けるかもしれません2008（.onerror & jQuery bind try/catch{}）から、この記事では、サーバー

に、彼らはjQuery.bind() eventとさえdocument.readyイベントにのtry/catch {}を追加します。今度は全てが.on()イベントを経ていますが、この記事は少し古いですが、ロジックがまだ機能するように感じています...

誰かがこのようなjQueryの実装を試してみましたか？

基本的には、CDNのjQueryをそのままJSファイルの1つに使用したいのですが、これらの変更で.on()/$(document).ready()/etcイベントを拡張/上書きしてください。

jQuery.fn.extend({ // <-- can this be extended/overwritten ? 
    on: function(etc etc) { 
     // same code just add the additional 
     try { 
      // try to execute the original .on() 
     } 
     catch (ex) { 
      // log any errors/info (where/why/etc) 
     } 
    } 
}); 

// or even some sort of try/catch for $(document).ready()? 

他の典型的なエラーログのフォーマット：（コースのログブラウザ/ OS /のQueryStringの/ etcすぎ）

window.onerror = function (msg, url, line) { 
    // Log General Javascript Errors 
    // this won't log jQuery internal errors 
}; 

$.ajaxSetup({ // Log AJAX Errors 
    error: function (jqXHR, ajaxSettings, thrownError) { } 
}); 

Answer 1

我々はwindow.onerrorとjQueryのAjaxのエラーでサーバーへのJavaScriptエラーを報告し、 jQueryをオーバーライドすることなく、うまく動作します。

$.fn.oldOn = $.fn.on; 
$.fn.on = function(a,b,c,d,e,f) { 
    try { 
     $(this).oldOn(a,b,c,d,e,f); 
    } 
    catch (ex) { ... } 
};