打开Chrome devtools会如何改变行为?

bcs8qyzn  于 11个月前  发布在  Go
关注(0)|答案(3)|浏览(141)

在我的JavaScript中,我实现了一个隐藏标题栏的功能,它是由scrollEvent触发的。所以当我向下滚动时,标题栏是隐藏的。当我开始向上滚动时,它就显示出来了。把它想象成一个类似于大多数移动的浏览器对搜索栏所做的效果。
事情是这样的.打开devtools,它工作得很好。如果我关闭devtools,效果不再起作用,即。标题栏在我向下滚动时仍然可见。如果我重新打开devtools(ctrl-shift-j),效果再次起作用。我在一个单独的窗口中运行devtools,所以它的存在不会影响我的应用程序的窗口尺寸。
有人知道Chrome devtools的存在对JavaScript或渲染行为有什么影响吗?
注意,对于那些没有理解我的问题的读者,我并不是在问我所看到的问题的解决方案,我只是在问我的问题的答案。
编辑:我现在发现,将devconsole放在前台和后台也很重要。控制台放在前台,它可以工作,在后台它会失败。请参阅https://ibb.co/4M75sPQ上的动画gif

2ekbmq32

2ekbmq321#

很久以前,我在堆栈中遇到过类似的问题。我的问题影响了JS的执行方式和速度,特别是当我打开控制台时,JSPerf变慢了,测试完全搞砸了you can take a look at my answer here
尽管如此,可能有些问题可能与您的devtools配置有关,正如该用户在此问题https://askubuntu.com/a/633838/742250中指出的那样
你在隐身窗口或其他浏览器中尝试过吗?Mozilla或Safari?

70gysomp

70gysomp2#

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

iqxoj9l9

iqxoj9l93#

对我来说,问题是我在Sources > Overrides下启用了一些本地重写。


的数据

相关问题