小米9选择图片后使用img标签预览页面会白屏闪烁
发布于 5 年前 作者 suping 6860 次浏览 来自 官方Issues

开发者工具生成预览码, 然后手机扫码后选择9张图片(我这边一张相片大概7m左右),  这时页面会闪烁、白屏(如果一次不能复现,可刷新预览码再次扫码,选择图片),    

手机型号:小米9  MIUI版本 (MIUI10.2.35稳定版) 高通骁龙855 运行内存 6g    麻烦看下这个问题呢。

补充:打开小程序性能监控面板,内存由启动时的380m   选9张图片后升为783m,并且一直不降

3 回复

这边测试了下,未能复现该问题,选择的图片较大吗?

白屏闪烁的问题,基本是「页面内有大图」导致的,微信在7.0.4之后更新那啥算法之后就开始出现这样的问题了,应该是大图的渲染消耗内存过高导致的。我现在开发的小程序也遇到了这样的问题,我现在负责的小程序的设计主要就是靠大图撑起来的,所有商品都会有至少一张大图(200k上下),现在性能优化的问题让我着实蛋🥚疼。。。如果采用图片懒加载或者不在视图内卸载图片节点的方法,那么在用户快速滑动的时候就会出现「默认图–>主图」的一个渲染导致的闪屏的现象,在一些中低端安卓机上则会卡顿。。。

这边猜想是不是图片过大导致img显示的时候内存飙升?

哈哈,半夜补充说明, 官方还没回复我,不过我这边有一个解决方案分享给大家吧,  image显示的时候不用chooseimage返回的本地链接,而用canvas先将本地链接的图片裁剪一遍,然后用裁剪后的小图给img显示,就没问题了。

回到顶部