最近在做了几个h5页面后,碰到了许多iOS和Android上的差异,特在此总结一下,以防再入坑。

  1. title 问题。
    Android可以用 document.title来动态改变标题,ios不可以,需要通过加入一个iframe来让ios刷新title
    关于h5在ios和Android上的差异
  2. 微信分享问题
    在h5做分享到微信时,会出现Android截取地址栏里 # 后的内容,iOS正常,所以用vue的hash模式开发h5时,若有此类问题,需配置成history模式,具体请参照官网。
  3. 刷新问题
    vue开发时页面刷新有两种方法,一种是window.reload,另外一种是this.$router.go(0),目前发现,前一种在Android上如果地址栏地址未发生变化则无效,后一种在iOS上无效,所以建议在vue开发时,尽可能的不用刷新来做业务逻辑,尽可能的使用数据驱动页面更新。这也是vue开发的特点。
  4. input 问题
    iOS上h5的input一直是个bug,输入以后不可以滑动,就是说输入的字超过了容器大小后,不能大小适应或者滑动查看以前已输入的内容,暂时的解决方案是用div做富文本编辑器,模拟input,但效果并不是很好,目前没有更好的代替方案。
  5. 时间问题
    对于时间date对象,ios上是不能识别 类似 2019-02-18 这种格式的,必须是 2019/02/18这种格式,而Android是完全两者都可识别,所以需要做下面这样的适配。
    关于h5在ios和Android上的差异

本文将会随着本人的开发持续更新,欢迎大家补充和纠正。

相关文章:

  • 2021-10-15
  • 2021-10-13
  • 2021-05-28
  • 2021-12-12
猜你喜欢
  • 2021-07-20
  • 2022-12-23
  • 2021-05-28
  • 2021-04-03
  • 2022-12-23
  • 2021-11-30
  • 2022-12-23
相关资源
相似解决方案