Question

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

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

任何人都知道从哪里开始？

我一直在谷歌上搜索，但无济于事。

我正在使用JavaScript和Knockout.js作为用户界面。

提前致谢！

Answer 1

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

http://jsfiddle.net/8bbd9/

Answer 2

如果我是你，我会使用一个不同的功能，将项目添加到一个区块。

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

我希望有所帮助。

如何在应用程序中显示实时console.log？

2 个答案: