在网站内嵌入 JS 控制台

问题描述

我想在网站中嵌入 JS-Console 以进行扩展调试.有没有可用的库或钩子?如何捕获 console.log 消息?

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?

推荐答案

如何捕获 console.log 消息?

How can I catch console.log messages?

你可以给真正的 console.log 方法打猴子补丁，然后对输入做任何你喜欢的事情:

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);
};

这是一个工作示例.它记录对 .output 元素中的 console.log 的调用，以及像往常一样在控制台中的调用.

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