页面遇到的APP兼容性问题合集

1.移动端使用window.open跳转链接时，苹果iOS没有反应的问题，安卓手机很正常，也不报错

解决方案如下：

移动端使用window.open跳转链接时安卓可以正常跳转，但是iOS苹果上没有反应，百度了下说是因为苹果的安全机制拦截了，所以不能打开新的标签页，然后就使用了网上的方法：

var u = navigator.userAgent;
var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

 function(){
    $.ajax({
        type: '',
        url: '',
        data: '',
        ......
        success:function(res){
            if(isAndroid) {  //android终端
				let url = res.data.url;
				window.open(url);
			}else if(isiOS) {   //ios终端
				window.locaton.href = res.data.url;
			}
        }
    });
};

2.IOS系统按钮点击没反应，安卓没问题。

解决方法：将按钮换成button标签+加上样式cursor: pointer

3.h5页面给文字设置白色，小程序+苹果APP内嵌H5页面显示正常，文字显示白色，但安卓内嵌H5页面文字表现为黑色。

解放方案：

color:#fff；一定写3个fff或者6个fff，写法要正规，我是不小心写了4个fff，导致安卓内字体颜色设置无效了