Question

我只想创建我们在Web控制台上看到的相同副本，是否有任何选择？

我正在制作调试工具，因此我想使用console.log（）显示所有错误消息。

当前，用户只能通过检查控制台来查看错误，我想直接将所有控制台内容显示在网页中

Answer 1

尝试遵循：

要在Windows的 Chrome 中访问开发者控制台，请使用窗口右侧的菜单，然后选择“工具”> JavaScript控制台：看到控制台出现在屏幕的底部，您应该看到页面Howdy的输出。 html 出现在控制台中。

Answer 2

它将在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>

如何在网页中显示网络浏览器控制台

2 个答案: