js判断iphone还是安卓系统,一招搞定

你有没有想过，当你打开一个网页，它怎么就知道你是用iPhone还是安卓手机呢？是不是觉得神奇？别急，今天就来揭秘这个秘密，让你也变成一个“技术达人”！

1. 神秘的navigator.userAgent

要判断是iPhone还是安卓，首先要了解一个神秘的东西——navigator.userAgent。这可是浏览器的一个“身份证”，里面藏着各种信息，比如浏览器类型、操作系统、设备型号等等。

2. 挖掘navigator.userAgent的宝藏

那么，如何从navigator.userAgent中找到iPhone和安卓的线索呢？

2.1 iPhone的标志

iPhone的标志非常明显，它会在navigator.userAgent中包含“iPhone”、“iPad”或“iPod”等关键词。比如：

```javascript

var userAgent = navigator.userAgent;

if (/iPhone|iPad|iPod/.test(userAgent)) {

console.log('这是iPhone！');

2.2 安卓的标志

安卓的标志也不难找，它会在navigator.userAgent中包含“Android”或“Adr”等关键词。比如：

```javascript

var userAgent = navigator.userAgent;

if (/Android|Adr/.test(userAgent)) {

console.log('这是安卓！');

3. 精准判断，还需其他信息

光凭navigator.userAgent还不够，有时候还需要其他信息来辅助判断。

3.1 操作系统版本

iPhone和安卓的操作系统版本也是判断的重要依据。比如，iPhone的操作系统是iOS，安卓的操作系统是Android。可以通过以下代码获取操作系统版本：

```javascript

var userAgent = navigator.userAgent;

var os = userAgent.match(/(iPhone|iPad|iPod|Android)/i);

if (os && os[0] === 'iPhone') {

console.log('操作系统：iOS');

} else if (os && os[0] === 'Android') {

console.log('操作系统：Android');

3.2 设备型号

有时候，我们还需要知道具体的设备型号。可以通过以下代码获取设备型号：

```javascript

var userAgent = navigator.userAgent;

var deviceModel = userAgent.match(/iPhone OS (\\d+)_(\\d+)_?(\\d+)?/);

if (deviceModel) {

console.log('设备型号：iPhone ' + deviceModel[1] + '.' + deviceModel[2] + '.' + deviceModel[3]);

4.

通过以上方法，我们就可以轻松判断是iPhone还是安卓系统了。当然，这只是一个基础的方法，实际开发中可能还需要根据具体情况进行调整。

希望这篇文章能帮助你更好地了解如何判断iPhone和安卓系统。如果你还有其他问题，欢迎在评论区留言哦！