如何讓Chrome devtools開啟改變行為？

Question

在我的JavaScript中，我實現了一個隱藏標題欄的功能，它由scrollEvent觸發。 所以當我向下滾動時，隱藏標題欄。 當我開始向上滾動時，它被揭示出來。 可以認為它與大多數移動瀏覽器對搜索欄的效果類似。

這是事情......隨着devtools打開，它工作得很好。 如果我關閉devtools，效果不再有效，即。 當我向下滾動時，標題欄仍然可見。 如果我重新打開devtools（ctrl-shift-j），效果會再次起作用。 我在一個單獨的窗口中運行devtools，因此它的存在不會影響我的應用程序的窗口尺寸。

有誰知道Chrome devtools的存在會對Javascript或渲染行為產生什么影響？

注意，對於任何錯過我的問題的速度讀者，我並不是要求解決我所看到的問題。 我特意只是要求我的問題的答案。

編輯：我現在發現在前景與背景中使用devconsole也很重要。 控制台在前台，它工作，在后台失敗。 請參閱https://ibb.co/4M75sPQ上的動畫gif

Answer 1

不久前我在堆棧中遇到了類似的問題。 我的執行方式和速度受到影響，特別是當我打開控制台時，JSPerf速度變慢了，測試完全搞砸了你可以看一下我的答案

仍然可能是某些問題可能與您的devtools配置有關，正如此用戶在此問題中指出的那樣https://askubuntu.com/a/633838/742250

您是否嘗試過隱身窗口或其他瀏覽器？ Mozilla還是Safari？

Answer 2

Chrome DevTools會將焦點從您的應用中移開，因此，如果您的應用對焦點敏感，或者受到前景與后台窗口的相對執行優先級的影響，那么這可能是一個因素。