- N +

q,h5页面在不同iOS设备上的问题总结,废材逆天四小姐

原标题:q,h5页面在不同iOS设备上的问题总结,废材逆天四小姐

导读:

作者:啦粑吧小魔仙链接:https://juejin.im/post/5c77b7dbe51d451d4763355d最近在写嵌入到小程序webview的一个h5页面,是一个文...

文章目录 [+]


作者:啦粑吧小魔仙

链接:https://juejin.q,h5页面在不同iOS设备上的问题总结,废材逆天四小姐imq,h5页面在不同iOS设备上的问题总结,废材逆天四小姐/post/5c77b7dbe51d451d4763355d



最近在写嵌入到小程序webview的一个h5页面,是一个文章谈论的功用,这个过程中,遇到许多兼容性的问题,在不同机型上的体现也很不共同,所以总结了以下这些问题,记录下来,以便今后检查


1、日期问题

关于yyyy-mm-dd hh福州管家婆电话:mm:ss 这种格局在ios体系不辨认

时刻格局化的时分,在浏览器端处理好好的,到了手机端,就变成NAN,或许null,这种状况,是ios体系不能转化这种类型的时刻。

`let dat林式瓦e = new Date('2019-02-28 18:33:24');   &n串场哥bsp;// null`


处理方案是,转史翠珊效应成 yyyy森系少女动漫图片新鲜/mm/dd hh:mm:ss 这种格局就能够了

replace(/\-/g"/")


2、键盘收起,页面野香牛根卡住,不回落

iosq,h5页面在不同iOS设备上的问题总结,废材逆天四小姐12上,发现键盘收安丘召忽吧起的时分,页面会卡主,留下底部一片空白,稍微动一下页面,就会康复。

这种问题,在网上查了许多处理方案,大致是在blur事情中,让页面翻滚一下

window.scrollTo(0, scroq,h5页面在不同iOS设备上的问题总结,废材逆天四小姐ll);李钟勋


但是有一个很严mc鬼鬼于航重的问题:假如页面上有按钮需求操作 ,例如,谈论的输入框+发布按钮,输入完文字,点击“发布”,触发click事情的时分,会毛宁科导致页面先触发blur事情,键盘回落,然后全部就完毕了。。。。按钮点击没有起任何效果。

处理方案: 把click事情替换成ontouchstart色漫画无翼鸟 能够处理这个问题。 ontouchstart 事情优于click事情触发


3、ios12在微信小程序的webview,键盘回收,页面底部会留白

这个问题怀疑是页面的scroll设置了auto导致的

处理方案:翻滚一下页面,请参阅链接,代码有用。https://blog.csdn.net/qq_23370345/article/details/84757505


4、iphone 乐库优fix 林红回想路遥失效,导致一些机器上te恐龙列车中文版全集xtar朴丽芬ea光标偏移

处理方案: 一切兄弟元素变成absolute, 父元素老婆是童贞overflow:auto;

父元素:
 q,h5页面在不同iOS设备上的问题总结,废材逆天四小姐; height: 100vh;
  posis0001sition: relative;
 &q,h5页面在不同iOS设备上的问题总结,废材逆天四小姐nbsp;overflow: auto;

兄弟元素:
position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: vi唐场豆腐乳sible;
  overflow-y: auto;
  z-index: 1;


5、键盘遮挡输入框

输入框假如运用了fixed固定在底部,键盘顶起的时分,iphone上fixed会失效,导致页面翻滚输入框会跟着页面翻滚,并且在部分机型上,输入框偶然会被键盘遮挡,这种偶现的问题,很不友爱

处理方案: 抛弃运用fixed布局,页面假如有翻滚,也抛弃absol福州管家婆软件ute,假如强q,h5页面在不同iOS设备上的问题总结,废材逆天四小姐行要运用absolute,请参阅上一条光标偏移

主张运用flex布局,兼容性会得到处理。

当然,假如遇到以上这些问题,阐明产品规划就很不合理,假如必要的话,仍是要替换规划,改成input不需求被键盘顶起的规划,这些兼容性的处理方案,也不并不能完美的处理一切机型的问题。

长按重视二维码



有好的文章希望我们帮助分享和推广,猛戳这里我要投稿

返回列表
上一篇:
下一篇: