Chrome devtools如何开放以改变行为？

Question

在我的JavaScript中，我实现了一个隐藏标题栏的功能，该功能由scrollEvent触发。因此，当我向下滚动时，标题栏被隐藏。当我开始向上滚动时，它就会显示出来。可以将其视为与大多数移动浏览器使用搜索栏产生的相似效果。

事情就是这样……在打开devtools的情况下，它工作得很好。如果我关闭devtools，则效果不再起作用。向下滚动时，标题栏仍然可见。如果我重新打开devtools（ctrl-shift-j），效果将再次起作用。我在单独的窗口中运行devtools，因此它的存在不会影响我的应用程序的窗口尺寸。

有人知道Chrome devtools的存在对Javascript或呈现行为有什么影响吗？

注意，对于任何想念我问题要点的速读读者，我并不是要寻求解决所遇到问题的方法。我只是在问我问题的答案。

编辑：我现在发现在前台vs背景中使用devconsole也很重要。将控制台放在前台时，它可以在后台运行，而在后台则失败。在https://ibb.co/4M75sPQ上查看动画gif

Answer 1

Chrome DevTools 会将焦点从您的应用程序上移开，因此，如果您的应用程序以任何方式对焦点敏感，或者受到前台与后台窗口的相对执行优先级的影响，这可能是一个因素。