webAPP遇到的iOS兼容性问题小结（持续更新中）

1. 时间格式化
   Safari浏览器中不支持‘-’格式时间，格式化时间会出现异常，例如’2021-04-08’必须转换成’2021/04/08’格式，字符串转换方法如下

date= date.replace(/-/g,'/')

2. table布局
   Safari浏览器不能根据rowspan来平分tr的高度,必须手动给tr或是td添加高度才能解决,也可以放弃table布局，采用弹性布局来实现
3. 音频播放
   当音频地址不是规范地址，是类似于直播流的在线地址，Safari浏览器无法获取总时长
4. localstorage
   localstorage在浏览器中是有大小限制的，Chrome一般限制5MB，Safari一般限制2.5MB，当localstorage大小超出限制的时候，会出现下图中报错

vuex替换localstorage可以解决此问题

5. input在ios中的阴影问题

input{
-webkit-appearance: none;
}

6. input(type为number)在ios中可输入非数字内容

<input v-model="value" type="number" pattern="[0-9]*"/>

7. input输入内容，键盘弹起后页面不回弹

<input v-model="value" @blur="resetDiv"/>

resetDiv() {
      setTimeout(() => {
        let scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
        window.scrollTo(0, Math.max(scrollHeight - 1, 0));
      }, 100)
}