如何用js判断安卓ios系统版本,JavaScript轻松判断安卓与iOS系统版本

你有没有想过，当你打开一个网页或者一个APP时，它怎么知道你是在安卓手机上还是iOS设备上呢？其实，这背后有一个小小的秘密——JavaScript。今天，就让我来带你一探究竟，看看如何用JavaScript来判断安卓和iOS系统版本，让你的网页或者APP更加智能！

一、认识JavaScript的navigator对象

JavaScript中的navigator对象是一个非常重要的对象，它包含了关于浏览器的信息。其中，navigator.userAgent字符串就是我们的关键所在，它包含了浏览器的名称、版本号、操作系统等信息。

二、解析navigator.userAgent

要判断安卓和iOS系统版本，首先我们需要解析navigator.userAgent字符串。这个字符串可能看起来很复杂，但其实它有一些规律可循。

1. 安卓设备：在navigator.userAgent中，安卓设备通常会有“Android”这个关键词。例如：“Mozilla/5.0 (Linux; Android 10; SM-A505FN) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.152 Mobile Safari/537.36”。

2. iOS设备：iOS设备在navigator.userAgent中会有“iPhone”或“iPad”等关键词。例如：“Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1”。

三、提取系统版本号

知道了如何识别安卓和iOS设备后，接下来就是提取系统版本号了。

1. 安卓设备：在navigator.userAgent中，系统版本号通常位于“Android”关键词之后。例如，在上述安卓设备示例中，版本号为“10”。

2. iOS设备：iOS设备版本号位于“iPhone OS”或“iPad OS”关键词之后。例如，在上述iOS设备示例中，版本号为“13_2_3”。

四、JavaScript代码实现

下面是一个简单的JavaScript代码示例，用于判断安卓和iOS系统版本，并输出版本号：

```javascript

function getSystemVersion() {

var userAgent = navigator.userAgent;

var isAndroid = userAgent.indexOf('Android') > -1;

var isiOS = userAgent.indexOf('iPhone') > -1 || userAgent.indexOf('iPad') > -1;

if (isAndroid) {

var version = userAgent.match(/Android\\s+([\\d\\.]+)/)[1];

console.log('Android版本：' + version);

} else if (isiOS) {

var version = userAgent.match(/iPhone OS\\s+([\\d_]+)/)[1].ｒｅｐｌａｃｅ('_', '.');

console.log('iOS版本：' + version);

} else {

console.log('未知设备');

getSystemVersion();

这段代码首先判断设备是否为安卓或iOS，然后提取相应的版本号，并输出到控制台。

五、注意事项

1. 兼容性：由于不同浏览器和设备厂商的实现可能存在差异，因此在使用navigator.userAgent时，需要注意兼容性问题。

2. 安全性：在使用navigator.userAgent时，要确保不会泄露用户隐私信息。

3. 更新：随着新设备的推出，navigator.userAgent的格式可能会发生变化，因此需要及时更新相关代码。

通过以上步骤，你就可以轻松地用JavaScript判断安卓和iOS系统版本了。这样一来，你的网页或APP就能更好地适应不同设备，为用户提供更好的体验。快来试试吧！