如何显示iframe的javascript控制台？

我的页面上有一个iframe：

<iframe></iframe>

在我的页面上有一个div，我想在其中显示它的javascript控制台：

<div id='console'></div>

因此，在iframe中，如果脚本执行了以下操作：

console.log（“你好世界”）

它将显示在我的控制台分区中

有办法做到这一点吗？另外，我不想打开开发人员工具。我希望控制台在html中显示为我的页面的一部分。
您可以在html实体中获得控制台值

<iframe id="xyz"></iframe>

var iframeWindow = document.getElementById("xyz").contentWindow;

iframeWindow.console.log = function(val) {
    var divId = document.getElementById("console");
    var span = document.createElement("span");
    span.appendChild(document.createTextNode(val));
    divId.appendChild(span);
};


var iframeWindow=document.getElementById（“xyz”）.contentWindow；
iframeWindow.console.log=函数（val）{
var divId=document.getElementById（“控制台”）；
var span=document.createElement（“span”）；
appendChild（document.createTextNode（val））；
divId.appendChild（span）；
};

这将获取iframe的所有console.log并附加到div中
iframe是否在同一域中？为什么要使用默认的
控制台
功能？您不能编写自己的控制台吗？至于问题的第二部分—在页面上显示
console.log
的输出，这可能有用：可能重复：我想要一个跨浏览器的解决方案。所以这并没有回答我的问题。这不起作用。您可以重写
iframeewindow.console.log
函数，但这样做不会改变任何事情。