क्या कंसोल घटनाओं को सुनने के लिए जावास्क्रिप्ट में कोई तरीका है?

Question

मैं जावास्क्रिप्ट में बेजोड़ अपवाद और ब्राउज़र चेतावनियों के लिए हैंडलर लिखने की कोशिश कर रहा हूं। बाद की समीक्षा के लिए सभी त्रुटियों और चेतावनियों को सर्वर पर भेजा जाना चाहिए।

रखरखाव वाले अपवाद पकड़ा जा सकता है और आसानी से

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

या

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

तो वे समस्या नहीं हैं के साथ प्रवेश किया है अगर वे से JavaScript कोड, और भी अधिक, बिना क्रिया अपवादों के साथ पकड़ा जा सकता कहा जाता है कोड की यह शांति:

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

तो अपवाद बहुत कॉव हैं ered लेकिन मैं चेतावनी के साथ अटक गया है जो ब्राउज़र कंसोल भेजता है। उदाहरण के लिए सुरक्षा या एचटीएमएल सत्यापन चेतावनी। नीचे दिए गए उदाहरण गूगल क्रोम कंसोल से लिया जाता है

पेज https://domainname.com/ पर http://domainname.com/javascripts/codex/MANIFEST.js से असुरक्षित सामग्री भाग गया।

यह बहुत अच्छा होगा अगर खिड़की जैसे कुछ घटनाएं हों। आतंक लेकिन चेतावनियों के लिए। कोई विचार?

Answer 1

आप बस console विधियों को स्वयं लपेट सकते हैं। उदाहरण के लिए, एक सरणी में प्रत्येक कॉल रिकॉर्ड करने के लिए: एक ही समारोह है कि आप console.log() करने के लिए उपयोग कर रहे हैं

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

, बस एक वेब सेवा है कि आप पर लॉग रिकॉर्ड कर रहे हैं के लिए एक ही संदेश पोस्ट ।

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 का उपयोग करती है और एक उदाहरण के रूप में उपयोग के लिए सख्ती से oversimplified है ।}

Answer 4

अधिक लधु रास्ता:

// 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;