当前位置: 首页 > Web前端 > CSS

h5页面在ios系统的微信浏览器和safari浏览器偶尔初次显示不了

时间:2023-03-31 00:49:10 CSS

在ios系统的微信浏览器和safari浏览器中偶尔会出现h5页面第一次无法显示的情况。问题描述:在ios系统的微信浏览器和safari浏览器中,字体图标点击时偶尔无法显示,一直是框住。分析:分享并跳转到分享页面——主页用户自己分享主页——判断是否——去autologin进行自动登录原因:由于ios的缓存机制问题,在跳转到index页面时加载ttf文件,以及然后进入判断Autologin页面的自动登录方法,当你登录后跳转回来时,index页面的ttf文件将不再加载,但实际上在跳转到首页之前并没有加载ttf文件自动登录页面,浏览器取消了字体文件下载的接收,但是浏览器认为字体已经被缓存了,页面跳回后不会再请求下载之前取消的字体文件。所以这个问题应该是Safari缓存机制的BUGbyOneselfShare();//判断是否被游客分享————————until.jsfunctionbyOneselfShare(){tourHasvalue();//接收参数控制台。日志(“数据库键:”+数据库键);if(dbkey==undefined||dbkey==""){varcurrurl=window.location.href;window.localStorage.setItem("currURL",currurl);//自动登录需要重定向的页面window.localStorage.setItem("TRstaffid",linkstaffid);//存储销售员IDwindow.localStorage.setItem("TRpids",linkpids);//存储销售员idconsole.log("Firsttimelogin");window.location.href="autoLogin.html?cid="+linkcid;}else{console.log("linkmid:"+linkmid+"---linkcid---"+linkcid);if(linkmid!="undefined"||linkcid!="undefined"){if(linkmid!=ParentmanufacturersId||linkcid!=manufacturersId||linkpids!=TRpids||linkstaffid!=TRstaffid){console.log("Link传值账号登录1111----"+"--linkmid---"+linkmid+"---linkcid---"+linkcid+"--linkpids---"+linkpids+"---linkstaffid---"+linkstaffid);控制台.log("现有账号登录2222----"+"--ParentmanufacturersId---"+ParentmanufacturersId+"---manufacturersId---"+manufacturersId+"--TRpids---"+TRpids+"---TRstaffid-"+TRstaffid);console.log("------------不同厂家经销商用户----------------------------");varcurrurl=window.location.href;window.localStorage.setItem("currURL",currurl);//自动登录需要跳转的页面window.localStorage.setItem("TRstaffid",linkstaffid);//存储销售员idwindow.localStorage.setItem("TRpids",linkpids);//存储业务员idwindow.location.href="autoLogin.html?cid="+linkcid;}}}}修改:让它完全加载,然后执行这个方法如下window.onload=function(){byOneselfShare();//判断是否为游客分享},参考:https://segmentfault.com/q/10...