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

【问题标题】：In the Browser dev tools in console the output is different after refresh在控制台的浏览器开发工具中，刷新后输出不同
【发布时间】：2021-12-31 03:04:22
【问题描述】：

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

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

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

我正在开发 macOS 12.0.1 Monterey 和 Brave Broser：版本 1.32.106 Chromium：96.0.4664.45（Offizieller 构建）(x86_64)
或
Chrome：版本 96.0.4664.55（Offizieller 构建）（x86_64）

【问题讨论】：

你能显示记录到控制台的代码吗？
谢谢。代码是"use strict";let jumbo = document.querySelector(".jumbotron");console.log(jumbo);
对不起，我有一点格式问题。因为我还不知道迷你 Markdown。然而。该网站可通过此link 访问
我会说这很可能是因为控制台在日志时还没有渲染元素。不过不太确定。
谢谢@skara9。那会澄清的。我猜测它可能取决于加载时间或渲染时间。但这只是一个模糊的猜测。那么想想我对此无能为力。只需重新加载几次，直到正确的输出可见。

标签： javascript google-chrome-devtools brave-browser

【解决方案1】：

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

let jumbo

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

谢谢。 “保留日志”已取消勾选。并且仍然显示这种行为。
我也尝试过将所有选项恢复出厂设置，但没有成功。