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

Question

我目前正在学习 javascript。因此我经常在 Brwoser 的开发工具中，在控制台选项卡中。现在有些事情我无法解释。刷新网页后，控制台日志中的输出不同。要么像我截图中的上window，要么像下window。在 Chrome 中它总是像在上层 window 中一样。在 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 构建）(x86_64)

Answer 1

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

Answer 2

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

let jumbo

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

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

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

In the Browser dev tools in console the output is different after refresh

javascript

google-chrome-devtools

brave-browser