Javascript 如何在浏览器中运行自己的控制台？

我基本上希望拦截所有控制台流量，并将其显示在浏览器窗口中我自己的组件中。我想做codepen和jsbin所做的事情——他们的页面中直接嵌入了一个控制台窗口。我在interwebz上找不到任何有价值的东西。请帮帮我。

JS引擎的几乎所有功能都可以更换，包括控制台

所以你只需要创建自己的，例如

var-oLog=window.console.log；
console.log=（s）=>{
var d=document.createElement（“div”）；
d、 添加（“记录器”）；
d、 innerText=s；
文件.正文.附件（d）；
oLog（s）；//如果你还想叫old
}
console.log（“你好”）；
控制台日志（“那里”）
.logger{
背景颜色：粉红色；
}
这真的很简单。提示：
console
是浏览器上下文中
window
的全局属性，您可以覆盖其功能。您可以在此帖子中找到解决方案