有沒有在JavaScript中監聽控制檯事件的方法？

Question

我想在javascript中爲未捕獲的異常和瀏覽器警告編寫處理程序。所有的錯誤和警告都應該發送到服務器以供以後查看。

處理的異常可以被捕獲並與

console.error("Error: ..."); 

或

console.warn("Warning: ..."); 

所以他們都沒有問題，很容易登錄，如果他們是從javascript代碼，甚至更多，未處理的異常可能與抓稱爲這和平的代碼：

window.onerror = function(){ 
    // add to errors Stack trace etc. 
    }); 
} 

所以異常是相當cov但我堅持警告哪些瀏覽器發送到控制檯。例如安全或HTML驗證警告。下面的例子是從谷歌瀏覽器的控制檯採取

上的網頁https://domainname.com/從 http://domainname.com/javascripts/codex/MANIFEST.js跑不安全內容。

如果有一些像window.onerror這樣的事件，但是對於警告，那將會很棒。有什麼想法嗎？

Answer 1

你可以自己包裝console方法。例如，爲了記錄陣列中的每個呼叫：

var logOfConsole = []; 

var _log = console.log, 
    _warn = console.warn, 
    _error = console.error; 

console.log = function() { 
    logOfConsole.push({method: 'log', arguments: arguments}); 
    return _log.apply(console, arguments); 
}; 

console.warn = function() { 
    logOfConsole.push({method: 'warn', arguments: arguments}); 
    return _warn.apply(console, arguments); 
}; 

console.error = function() { 
    logOfConsole.push({method: 'error', arguments: arguments}); 
    return _error.apply(console, arguments); 
}; 

Answer 2

在您使用做的console.log（）相同的功能，簡單地張貼同樣的消息到您在記錄日誌的網絡服務。

Answer 3

你正在倒退。相反，攔截記錄錯誤時，觸發事件爲錯誤處理機制的一部分，並將其記錄作爲一個事件偵聽器：

try 
{ 
    //might throw an exception 
    foo(); 
} 
catch (e) 
{ 
    $(document).trigger('customerror', e); 
} 

function customErrorHandler(event, ex) 
{ 
    console.error(ex) 
} 
function customErrorHandler2(event, ex) 
{ 
    $.post(url, ex); 
} 

_{這個代碼使用jQuery和嚴格過於簡單用作例子。}

Answer 4

更多Succint方式：

// this method will proxy your custom method with the original one 
 
function proxy(context, method, message) { 
 
    return function() { 
 
    method.apply(context, [message].concat(Array.prototype.slice.apply(arguments))) 
 
    } 
 
} 
 

 
// let's do the actual proxying over originals 
 
console.log = proxy(console, console.log, 'Log:') 
 
console.error = proxy(console, console.error, 'Error:') 
 
console.warn = proxy(console, console.warn, 'Warning:') 
 

 
// let's test 
 
console.log('im from console.log', 1, 2, 3); 
 
console.error('im from console.error', 1, 2, 3); 
 
console.warn('im from console.warn', 1, 2, 3);

Answer 5

我知道這是一個老的文章，但它可能是有用的反正作爲其他的解決方案是不支持舊版本的瀏覽器兼容。

你可以重新定義的每個功能控制檯（和所有瀏覽器）這樣的行爲：

// define a new console 
var console = (function(oldCons){ 
    return { 
     log: function(text){ 
      oldCons.log(text); 
      // Your code 
     }, 
     info: function (text) { 
      oldCons.info(text); 
      // Your code 
     }, 
     warn: function (text) { 
      oldCons.warn(text); 
      // Your code 
     }, 
     error: function (text) { 
      oldCons.error(text); 
      // Your code 
     } 
    }; 
}(window.console)); 

//Then redefine the old console 
window.console = console;