Как в Chrome devtools открыты изменения поведения?

В моем JavaScript я реализовал функцию, которая скрывает строку заголовка, и она вызывается scrollEvent. Поэтому, когда я прокручиваю вниз, строка заголовка скрыта. Когда я начинаю прокручиваться вверх, это раскрывается. Думайте об этом как о том же эффекте, что и большинство мобильных браузеров с панелью поиска.

Вот эта штука... с открытыми devtools, она работает просто отлично. Если я закрою devtools, эффект больше не работает, т.е. строка заголовка остается видимой при прокрутке вниз. Если я снова открою devtools (ctrl-shift-j), эффект снова заработает. Я запускаю devtools в отдельном окне, поэтому его наличие не влияет на размеры окна моего приложения.

Кто-нибудь знает, как влияет присутствие Chrome devtools на Javascript или поведение при рендеринге?

NB. Для читателей, которые не понимают суть моего вопроса, я не прошу найти решение проблемы, которую вижу. Я специально спрашиваю только ответы на свой вопрос.

ОБНОВЛЕНИЕ: я теперь обнаружил, что наличие devconsole на переднем плане против фона также важно. С консолью на переднем плане это работает, на заднем плане это терпит неудачу. Смотрите анимированный GIF на https://ibb.co/4M75sPQ

Ответ 1

Chrome DevTools отвлекает внимание от вашего приложения, поэтому, если ваше приложение каким-либо образом чувствительно к фокусу или зависит от относительных приоритетов выполнения переднего плана по сравнению с фоновыми окнами, это может быть фактором.

Ответ 2

У меня был похожий вопрос в стеке довольно давно. Мой отразился на способе и скорости выполнения JS, в частности, JSPerf работал медленнее, когда у меня была открытая консоль, и тесты были полностью испорчены , мой ответ можно посмотреть здесь

Тем не менее, возможно, что некоторые из проблем могут быть связаны с вашей конфигурацией devtools, как указал этот пользователь в этом вопросе https://askubuntu.com/a/633838/742250

Вы пробовали в окне инкогнито или в других браузерах? Мозилла или Сафари?