Javascript 如何在应用程序中显示live console.log？

我正在创建一个“游乐场”，允许用户探索即将支持的CSS属性的各种用途

在它中，我真的希望用户能够看到控制台的日志（我会将其写入源代码），而不必实际打开控制台。换句话说，我希望在我的应用程序中有一个简单的浏览器控制台小部件

有人知道从哪里开始吗

我一直在谷歌上搜索，结果一无所获

我正在为UI使用JavaScript和Knockout.js

提前谢谢

var log=console.log；
var log = console.log;
console.log = function () {
   $('body').append(Array.prototype.slice.call(arguments).join(' ') + '<br>');
   log.apply(console, arguments);
}

console.log=函数（）{
$（'body'）.append（Array.prototype.slice.call（arguments.join）（“”）+'
'）；
log.apply（控制台、参数）；
}

---

如果我是你，我会使用不同的函数将iteams添加到块中

<script>
function console(text){
   document.getElementById("console").innerHTML+=text;
}
</script>
<div id="console" style="height:100px;width:50px;overflow:scroll;"></div>

功能控制台（文本）{
document.getElementById（“控制台”）.innerHTML+=文本；
}

我希望这能有所帮助。

请参见