HTML中的Javascript控制台[重复]答案

【问题标题】：Javascript console in HTML [duplicate]HTML中的Javascript控制台[重复]
【发布时间】：2015-12-19 11:21:21
【问题描述】：

基本上，就像开发者控制台一样 - 您可以在其中通过 console.log 等查看控制台的输出......

我想实现这样的东西，这样我就可以在实际的 html 页面上看到它，而不必打开开发者控制台。

有没有办法做到这一点？谢谢！

【问题讨论】：

当然可以，但工作量很大。这些工具是native 是有原因的。祝你好运！
这有点太宽泛了；）所以更多的是关于回答具体问题..问答风格！
@NiettheDarkAbsol：实际上，对于 REPL，您只需要 eval()。本地人没有帮助。
见这里*.com/a/16616794/2632619 *.com/a/6604660/2632619

标签： javascript

【解决方案1】：

您可以像这样使用this SO answer 的实现：（注意 - 这是该答案中的代码。只有former(msg) 部分给了我一个错误，所以我把那部分省略了）

console.log = function(msg){
    $("#mylog").append("<div>" + msg + "</div>");
}

window.onerror = function(message, url, linenumber) {
    console.log("JavaScript error: " + message + " on line " + 
                linenumber + " for " + url);
}
console.log("test");
console.log("test");
va

还有 HTML

<div id="mylog"></div>

Working JSFiddle

【讨论】：

我一直使用console.dir。你将如何实现这一点？因为现在它只是抛出，这无济于事。事实上，这提醒了我，你的控制台可以显示错误消息吗？
@NiettheDarkAbsol 我不确定。（这主要不在我的范围内）。但是我已经用另一个 SO 答案更新了我的答案，也许那个答案会回答你的问题？
好吧，我不想成为一个沮丧的人，但是如果您通过复制另一个答案的内容来回答问题，那么这有点抄袭，也表明您应该投票关闭作为重复.现在，您还没有获得近距离投票许可，但您将获得，并且每当您想将另一个答案复制到您的答案中时，请考虑将近距离投票视为重复。
@NiettheDarkAbsol 我完全同意你的看法。但我心情很好，所以这就是我“帮忙”的原因。