记录:forced reflow while executing JavaScript took xxms

本文记录了一次因强制回流导致界面无法正常显示的问题。通过详细的排查步骤,最终定位问题出现在浏览器版本上,并通过升级浏览器成功解决了问题。

记录一个强制回流导致问题:

这是工作中遇到的一个很常见的提示,却成了昨晚至今早难以处理的问题。

跟以往的提示不同,除了本地测试正常外,在dev、st都同时出现了上70次以上,每次点击特定界面都会如此。界面在无数次的forecd reflow下无法展示,甚至出现一半的数据再不停的闪动,崩溃

问题排查:

0.清除缓存 => 结果:无效

1.问题界面代码检查 =>结果:代码无误

2.问题界面和其他界面现象及代码对比  => 结果:其他界面展示正常,引入框架代码相同

3.删除及修改可能有影响的代码 => 结果:无效

4.采用网上多种方法修改 => 结果:无效

猜想:

0.打包环境有问题 =>结果: 检查发现dev用了npm run build:prod,本地执行后,将包引入ngnix运行,测试发现正常。证明与是否用错prod无关

1.浏览器及其版本排查 => 结果:多台电脑上测试,发现都能正常运行。界面正常运行的谷歌浏览器版本为80.xxx以上,而我自己浏览器为78.xxx(且处理无法自动更新状态)

最终处理:

安装最新版的谷歌浏览器,界面可以正常展示。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值