打开 Chrome 开发工具会如何改变行为？

Question

在我的 JavaScript 中，我实现了一个隐藏标题栏的功能，它由滚动事件触发。所以当我向下滚动时，标题栏被隐藏。当我开始向上滚动时，它就显露出来了。将其视为与大多数移动浏览器对搜索栏所做的类似效果。

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

有人知道 Chrome 开发工具的存在对 Javascript 或渲染行为有什么影响吗？

注意，对于任何错过我问题要点的快速读者，我不是要求解决我所看到的问题。我只是专门询问我的问题的答案。

编辑：我现在发现在前台和后台使用 devconsole 也很重要。当控制台位于前台时，它可以工作，而在后台则失败。请参阅动画 gif https://ibb.co/4M75sPQ

Answer 1

我不久前在堆栈中有一个类似的问题。我的影响了 JS 的执行方式和速度，特别是当我打开控制台时，JSPerf 变慢了，测试完全混乱了你可以在这里看看我的答案

不过，某些问题可能与您的开发工具配置有关，正如该用户在这个问题中指出的那样https://askubuntu.com/a/633838/742250

您是否在隐身窗口或其他浏览器中尝试过？ Mozilla 还是 Safari？

Answer 2

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

Answer 3

对我来说，问题是我在“源”>“覆盖”下启用了一些本地覆盖。