浏览器渲染原理及可能出现的Bug
作者:网络转载 发布时间:[ 2014/12/23 15:55:51 ] 推荐标签:web测试 浏览器Bug
基本上来说,reflow有如下的几个原因:
· 网页初始化增加、删除、修改DOM结点时
· 移动DOM位置或操作动画时
· 一些Javascript在操作DOM Tree时
· Resize窗口或滚屏时
· CSS的样式发生变化时
· 修改网页默认字体时
但是display:none会触发reflow,而visibility:hidden只会触发repaint,因为没有发现位置变化
可能出现的bug
当然,如果只是介绍上面的内容,我也不用白费工夫了,因为网上一搜一大片,主要的是想说说可能会遇到的bug:
· 因图片未设置宽和高而又加载失败时可能会影响到页面样式;
· 未设置宽高的图片在加载完后需reflow会影响页面性能
· 待页面未完全加载完时去操作页面重要的功能,可能会因JS加载顺序问题无法正确执行,从而功能异常
· 操作浏览器放大缩小resize窗口,可能会出现样式问题
· 是否有遇到某一个样式或图片在加载过程中闪现,但是加载完后消失了
相关推荐
更新发布
功能测试和接口测试的区别
2023/3/23 14:23:39如何写好测试用例文档
2023/3/22 16:17:39常用的选择回归测试的方式有哪些?
2022/6/14 16:14:27测试流程中需要重点把关几个过程?
2021/10/18 15:37:44性能测试的七种方法
2021/9/17 15:19:29全链路压测优化思路
2021/9/14 15:42:25性能测试流程浅谈
2021/5/28 17:25:47常见的APP性能测试指标
2021/5/8 17:01:11