你有没有想过，你的手机里那些神奇的APP是怎么知道你用的是苹果还是安卓系统的呢？今天，就让我来带你一探究竟，揭秘JavaScript如何检测苹果和安卓系统！

一、JavaScript的魔法：检测系统类型

JavaScript，这个在网页上无所不能的小语言，竟然能通过一些简单的方法，就能轻松地识别出你的手机是苹果还是安卓。是不是很神奇？下面，我们就来一步步揭开这个谜团。

二、方法一：navigator.userAgent

首先，我们要了解一个非常重要的概念——userAgent。简单来说，userAgent就是浏览器用来告诉服务器它自己的信息的一个字符串。这个字符串包含了浏览器的名称、版本、操作系统等信息。

在JavaScript中，我们可以通过`navigator.userAgent`来获取这个字符串。我们可以通过分析这个字符串，来判断用户的操作系统。

比如，我们可以这样写代码：

```javascript

var userAgent = navigator.userAgent;

if (userAgent.indexOf('iPhone') != -1 || userAgent.indexOf('iPad') != -1) {

console.log('这是苹果系统');

} else if (userAgent.indexOf('Android') != -1) {

console.log('这是安卓系统');

} else {

console.log('未知系统');

这段代码会根据userAgent字符串中的关键词来判断操作系统。如果找到了“iPhone”或“iPad”，就认为是苹果系统；如果找到了“Android”，就认为是安卓系统。

三、方法二：navigator.platform

除了userAgent，我们还可以通过`navigator.platform`来获取操作系统信息。这个属性返回的是浏览器的平台信息，比如“Win32”、“MacIntel”、“Linux i686”等。

我们可以这样使用：

```javascript

var platform = navigator.platform;

if (platform === 'MacIntel') {

console.log('这是苹果系统');

} else if (platform === 'Linux i686') {

console.log('这是安卓系统');

} else {

console.log('未知系统');

不过，需要注意的是，`navigator.platform`的返回值可能因浏览器和操作系统版本的不同而有所差异。

四、方法三：Modernizr库

如果你不想手动分析userAgent或platform，可以使用一些现成的库来帮助你。比如，Modernizr库就是一个非常流行的选择。

Modernizr是一个JavaScript库，它可以帮助你检测浏览器是否支持某些特性。虽然它主要用于检测浏览器特性，但也可以用来检测操作系统。

使用Modernizr非常简单，你只需要在HTML文件中引入Modernizr库，然后使用它的API即可。比如：

```javascript

if (Modernizr.platform.android) {

console.log('这是安卓系统');

} else if (Modernizr.platform.ios) {

console.log('这是苹果系统');

} else {

console.log('未知系统');

五、注意事项

在使用JavaScript检测操作系统时，需要注意以下几点：

1. 不同浏览器和操作系统版本可能返回不同的userAgent或platform值，因此需要根据实际情况进行调整。

2. 用户可能会修改userAgent字符串，导致检测结果不准确。

3. 某些浏览器可能不支持某些检测方法，需要根据实际情况选择合适的方法。

JavaScript检测苹果和安卓系统虽然简单，但也有一些需要注意的地方。希望这篇文章能帮助你更好地了解这个话题。下次当你看到某个APP能识别你的手机系统时，不妨想想它是怎么做到的！