js区分苹果设备和安卓设备兼容所有设备浏览器

虽然navigator.userAgent属性可以用来获取用户代理字符串，但它并不是100%可靠的，因为不同设备和浏览器可能会返回不同的用户代理字符串。为了兼容所有设备和浏览器，可以使用一些第三方库来判断设备类型，比如Detect.js和Mobile-Detect.js。

Detect.js是一个轻量级的设备检测库，可以判断设备类型、操作系统、浏览器和屏幕分辨率等信息。使用方法如下：

1.在HTML中引入Detect.js库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/detect.js/2.2.2/detect.min.js"></script>

2.在JS中调用Detect.js的方法来判断设备类型：

if(Detect.isIOS()){
    // 是苹果设备
} else if(Detect.isAndroid()){
    // 是安卓设备
} else {
    // 其他设备
}

Mobile-Detect.js是另一个常用的设备检测库，可以判断设备类型、操作系统、浏览器和屏幕分辨率等信息，使用方法与Detect.js类似。需要注意的是，这些库的判断结果也可能不是100%准确，因此建议在实际应用时进行充分测试。