html - Embed JS Console within website

Question

I want to embed a JS-Console within a website for extended debugging purposes. Are there any libraries or hooks available? How can I catch console.log messages?

Answer 1

How can I catch console.log messages?

You can monkey-patch the real console.log method and do whatever you like with the input:

var realConsoleLog = console.log;
console.log = function () {
    var message = [].join.call(arguments, " ");
    // Display the message somewhere... (jQuery example)
    $(".output").text(message);
    realConsoleLog.apply(console, arguments);
};

Here's a working example. It logs calls to console.log in the .output element, as well as in the console like usual.