javascript - 在控制台的浏览器开发工具中，刷新后输出不同

Question

我目前正在学习javascript。因此，我经常在 Brwoser 的开发工具中，在控制台选项卡中。现在有一些我无法解释的事情。刷新网页后控制台日志中的输出有所不同。它要么像我的屏幕截图中的上部窗口，要么像下部窗口。在 Chrome 中，它总是像在上面的窗口中一样。在 Brave 浏览器中，上或下的几率约为 50/50。

我发现“保留日志”选项会更改输出，使其始终像上面的屏幕截图一样。但我想关闭此选项以在刷新后清除控制台。

有谁知道如何改变浏览器的这种行为？

我正在使用 macOS 12.0.1 Monterey 和 Brave Broser：版本 1.32.106 Chromium：96.0.4664.45（Offizieller Build）（x86_64）
或
Chrome：版本 96.0.4664.55（Offizieller Build）（x86_64）

Answer 1

我想分享我的问题的解决方案。现在我在我的课程中进一步学习了一些课程并获得了新的命令。使用加载 EventListener 它可以工作：

let jumbo

window.addEventListener("load", e => {
    jumbo = document.querySelector(".jumbotron");
    console.log(jumbo);
});

老师还提到还有另外两个参数或命令：“async”和“defer”。

Answer 2

单击控制台面板右上角的齿轮以显示选项。取消勾选“保留日志”。