如何显示iframe的javascript控制台？

Question

我的页面上有一个iframe：

<iframe></iframe>

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

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

所以在iframe中，如果脚本执行了： console.log("hello world");

它将在我的控制台div中显示。

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

Answer 1

您可以在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);
};

这将获取iframe的所有console.log并附加到div