移动端网页 -- 安卓与IOS兼容

1、在a链接长按时,ios系统会识别并复制a链接中的href值,而安卓不会,只会选择复制文字

  关于长按复制其他区域内容:pc端可以实现,在移动端目前还没有找到解决方案,很多都是基于flash的

 

2、input框聚焦时,键盘向上突出,ios把键盘当做页面的一部分,而安卓页面高度不包含该部分

  解决方案:js中判断系统类型,将页面的高度设置为设备的高度

 1 $(function(){
 2      //ios与安卓的对比,页脚固定
 3      var ua = navigator.userAgent.toLowerCase(); 
 4      if (/iphone|ipad|ipod/.test(ua)) {
 5              //alert("1")
 6      } else if (/android/.test(ua)) {
 7           var height = document.body.clientHeight;
 8           $('body').css('height',''+height+''); 
 9       }
10 })

 

3、本地缓存时,安卓系统需要设置一个属性支持localStoage:settings.setDomStorageEnabled(true)   

可以参考http://stackoverflow.com/questions/5899087/android-webview-localstorage

 

4、flex布局,目前android4.4以上才支持

转载于:https://www.cnblogs.com/zhanghuiyun/p/5695770.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值