使用Elmah進行客戶端錯誤日誌記錄

Question

我正在使用ELMAH來記錄我的.net錯誤。它工作的很好，但我想擴展錯誤記錄以包含客戶端錯誤，即任意的JavaScript錯誤。我可以使用window.onerror事件捕獲錯誤，然後調用.net處理程序（.ashx）在elmah中記錄錯誤，但這只是我解決問題的一小竅門。有沒有更好的方法將客戶端錯誤記錄到elmah？

Answer 1

漁獲處理window.onerror事件，使Ajax調用所有JavaScript錯誤，以手動ELMAH

window.onerror = function (msg, url, linenumber) { 

//make ajax call with all error details and log error directly into the elmah database 

//show freindly error msg here to user 

//hide error from browser 
return true; 
} 

記錄錯誤沒有當時發現了更好的解決方案。

Answer 2

看看hoptoadapp.com以及他們如何做javascript報告。

這是同樣的事情，但不同的後端:-)

Answer 3

下面是一個更完整的解決方案（我想我抓住它從ELMAH網站...記不清了）

ErrorLogging.js：

window.onerror = function (msg, url, line) { 
     logError(msg, arguments.callee.trace()); 
    } 
    function logError(ex, stack) { 
     if (ex == null) return; 
     if (logErrorUrl == null) { 
      alert('logErrorUrl must be defined.'); 
      return; 
     } 

     var url = ex.fileName != null ? ex.fileName : document.location; 
     if (stack == null && ex.stack != null) stack = ex.stack; 

     // format output 
     var out = ex.message != null ? ex.name + ": " + ex.message : ex; 
     out += ": at document path '" + url + "'."; 
     if (stack != null) out += "\n at " + stack.join("\n at "); 

     // send error message 
     jQuery.ajax({ 
      type: 'POST', 
      url: logErrorUrl, 
      data: { message: out } 
     }); 
    } 

    Function.prototype.trace = function() 
    { 
     var trace = []; 
     var current = this; 
     while(current) 
     { 
      trace.push(current.signature()); 
      current = current.caller; 
     } 
     return trace; 
    } 

    Function.prototype.signature = function() 
    { 
     var signature = { 
      name: this.getName(), 
      params: [], 
      toString: function() 
      { 
       var params = this.params.length > 0 ? 
        "'" + this.params.join("', '") + "'" : ""; 
       return this.name + "(" + params + ")" 
      } 
     }; 
     if (this.arguments) 
     { 
      for(var x=0; x<this.arguments.length; x++) 
       signature.params.push(this.arguments[x]); 
     } 
     return signature; 
    } 

    Function.prototype.getName = function() 
    { 
     if (this.name) 
      return this.name; 
     var definition = this.toString().split("\n")[0]; 
     var exp = /^function ([^\s(]+).+/; 
     if (exp.test(definition)) 
      return definition.split("\n")[0].replace(exp, "$1") || "anonymous"; 
     return "anonymous"; 
    } 

佈局/母版頁：

<script src="@Url.Content("~/Scripts/ErrorLogging.js")" type="text/javascript"></script> 

<script type="text/javascript"> 
    //This needs to be here to be on everypage 
    var logErrorUrl = '@Url.Action("LogJavaScriptError", "Home")'; 
</script> 

HomeController.cs：

[HttpPost] 
    public void LogJavaScriptError(string message) { 
     ErrorSignal.FromCurrentContext().Raise(new JavaScriptErrorException(message)); 
    } 

JavaScriptErrorException.cs：

[Serializable] 
public class JavaScriptErrorException: Exception{ 
    public JavaScriptErrorException(string message) : base (message){} 
} 

Answer 4

看看這個。

http://joel.net/logging-errors-with-elmah-in-asp.net-mvc-3--part-5--javascript

我不得不做出上述代碼的唯一修改相關的捆綁。

我更換

...與 @ Scripts.Render（ 「〜/ stacktrace.js」）

而在我的包的配置我增加了行... bundles.Add （新的ScriptBundle（「〜/ stacktrace.js」）.include（「〜/ Scripts/stacktrace.js」））;

這使得代碼與較新的MVC 4捆綁兼容。