移动端ios和安卓兼容问题总结

首先声明，总结不易，转载请标明出处，谢谢

1、new Date获取时间戳

在安卓机上new Date('2019-9-10')可以成功获取时间戳，ios无法获取

处理方法: 将字符串中-替换成/，.replace(/\-/g,'');

2、点击复制功能

安卓和ios是不同的实现方式，详见我之前的一篇博客

https://blog.csdn.net/weixin_39327883/article/details/89207116

3、input获取焦点

安卓获取焦点弹起键盘后再失去焦点，页面成功复原

ios失去焦点后页面无法回滚和复原，需要手动重置一下scrolltop

4、input边框背景问题

安卓和ios将背景和边框设为透明兼容性写法

兼容写法:background:transparent; FILTER:alpha(opacity=0);border:none;

5、input选择图片

<input type="file" accept="image/*" capture="camera">

安卓如果要支持相册和拍照需要有capture属性

ios需要将capture属性去掉(removeAttribute)

6、video标签

由于微信浏览器安卓和ios的内核不同，安卓为x5内核，ios为chrome内核，导致video视频在安卓播放时会强制全屏并且在最高层级，所以我自己的处理方法是视频暂停时先将video标签隐藏，显示出页面其他元素。

 

文章持续更新中......