chrome浏览器花屏,页面残留问题定位解决

        在使用chrome浏览器做前端开发的过程中,遇到过一次页面花屏事件,但是我个人认为更应该称之为页面残留,就是在深色的背景上容易留下别的页面的残留,甚至在黑色的背景下会留下设置页面的残留。具体的分析及解决步骤如下:

一、页面残留排除代码原因,一般就是渲染或者gpu进程的原因,所以做以下操作

1、shift+esc打开浏览器的任务管理器,多次结束gpu进程这一项(页面渲染gpu会自动启动,所以每次结束都会自己重新启动该进程)

然后发现页面好了,不再残留(此处很开心),然后关闭浏览器重新打开后发现,治标不治本,问题又出现了(此处很悲伤)。

2、既然一计不成,就得另想一计,所以我在导航栏输入“chrome://gpu”进入到浏览器gpu设置的相关参数的地方,发现有一项参数与初始化安装的浏览器参数不同,就是“Skia Renderer”,默认是Disabled,然后此时参数是Enabled,一看此处renderer一词必然与渲染有关,立马查询多部宝典,发现skia Renderer是chrome中用来代替OpenGL 渲染的渲染方式。

3、然后在导航栏输入“chrome://flags”,然后在搜索框输入“skia render”,就出现了该渲染选项,只要将该项值改为Disabled,然后Relaunch即可,成功的解决页面残留问题