H5开发在微信浏览器上,加载时“白屏”问题

编程入门 行业动态 更新时间:2024-10-22 15:22:05

H5开发在微信浏览<a href=https://www.elefans.com/category/jswz/34/1771452.html style=器上,加载时“白屏”问题"/>

H5开发在微信浏览器上,加载时“白屏”问题

前天开发了一个简单的邀请函,整体8个页面,不足8M,在PC端模拟器上打开没有问题,在手机的其他浏览器中也没有问题。唯独在微信浏览器中加载时会出现长时间白屏,用户体验很不好

一番检查下来,因为写的太随心了,最后发现了两个BUG

 

———————————正文———————————

1. 不要把太多( 最好没有)需要下载或者加载速度过慢的js放在body之前,因为会阻断H5dom的渲染,那么在你前端的所有库加载完之前,你的页面就是“白屏”状态

2. 第二点主要针对iPhone用户,记住一个要点,开发iPhone用户使用在微信浏览器上的H5时候,

千万不要使用jQuery!!千万不要使用jQuery!!千万不要使用jQuery!!重要的事情说三遍

jQuery及其相关的库在iPhone微信浏览器的渲染速度非常的慢,如果习惯使用jQuery的同学,我建议你使用zepto

这样白屏的问题就解决了,欢迎讨论

———————————11月5日补充———————————

不是所有的情况jQuery都不能使用,但是当你开发的网页在微信浏览器上加载极慢又找不到原因的时候,尝试着删除一些用不到的meta,然后把JS引用放到页面渲染的后面,最后删除jQuery试一试,大部分问题都会解决

更多推荐

H5开发在微信浏览器上,加载时“白屏”问题

本文发布于:2023-06-25 22:02:01,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/884991.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:器上   加载   白屏

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!