我只想创建与我们在 Web 控制台上看到的相同的副本，有什么选择吗？
我正在制作一个调试工具，所以我想使用 console.log() 显示所有错误消息。
目前，用户只能通过检查来查看控制台的错误，我想直接将所有控制台的东西显示到网页中
【问题讨论】：
console.log() 将日志输出到控制台，顾名思义。您不能使用它来更新您的网络视图。
标签： javascript html google-chrome console
它将在控制台中打印 div 标签内的任何内容。（已修复错误！）
<html>
<head>
<title>Console In Webpage</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<div class="output"></div>
<script language="javascript">
var realConsoleLog = console.log;
console.log = function () {
var message = [].join.call(arguments, " ");
$(".output").text(message);
realConsoleLog.apply(console, arguments);
};
console.log("hello", "my", "name", "is", "shantharuban");
</script>
</body>
</html>
【讨论】：
尝试关注：
要在 Windows 上的 Chrome 中访问开发者控制台，请使用窗口右侧的菜单，然后选择工具 > JavaScript 控制台：您将看到控制台出现在屏幕的底部，你应该看到页面的输出，你好。 html , 出现在 控制台 中。
【讨论】：
这个问题有点笼统，所以我将回答我认为您所问的问题，然后添加更多可能的选项。
我只想创建与我们在 Web 控制台上看到的相同的副本。 . .
如果您想象嵌入在网页 iframe 中的 Chrome FireFox 浏览器控制台的一切，那么您基本上是在问我如何重写浏览器并将其显示到我的页面中。
这是一件非常重要的事情。出于这个原因，我会从寻找第三方插件开始。我在 GitHub 上通过快速搜索找到的一个示例是：
选项 1：
https://github.com/TarVK/chromeConsole
但是，您可以尝试一些更简单的解决方案。
选项 2：
查看window.addEventListener('error')。将侦听器放在窗口对象上将创建一种在检测到错误事件时调用函数的方法。此外，您可以将其与以下基本 JavaScript 错误对象结合使用：
MDN 将错误对象定义为：
错误对象是一种特殊类型的基本对象。它们包括 基本的错误类型，以及几个专门的错误类型。
这里的关键字是“对象”。含义对象具有描述它们的属性。这意味着它们也可以通过点符号访问。这意味着侦听器正在侦听的事件可能具有某种类型的信息，然后您可以通过alert(Error.prototype.message) 显示，或者通过在HTML 中使用(document.getElementById('element-to-display-message').innerText = Error.prototype.message 或(document.getElementById('element-to-display-message').innerText = Error.prototype.toString() 显示它。它不会像浏览器控制台那样看起来漂亮和干净，但它会是一种向用户显示控制台中提供的信息的方式。
【讨论】：