js简单判断移动端系统的方法

判断移动端系统是JS中非常常见的一个需求，下面给出几种判断方式：

方法一：根据navigator.userAgent字符串进行判断

移动端设备的 UA（UserAgent）字符串中，都会包含操作系统的信息，因此我们可以通过解析 UA 字符串来判断设备使用的操作系统。其中一些常见的 UA（UserAgent）字符串包括：

• Android：/Android/i
• iOS：/iPhone|iPad|iPod/i
• Windows Phone：/Windows Phone/i

通过以下JavaScript代码块，我们可以完成针对以上三种设备的简单判断：

if (/(iPhone|iPad|iPod|iOS)/i .test(navigator.userAgent)) {
  // IOS处理
} else if (/(Android)/i .test(navigator.userAgent)) {
  // Android处理
} else if (/(Windows Phone)/i .test(navigator.userAgent)) {
  // Windows Phone处理
}

方法二：根据设备的屏幕宽度进行判断

移动端设备有着不同的屏幕宽度，通过检查设备的屏幕宽度，我们也可以非常方便地判断设备所使用的操作系统，具体原因是不同操作系统的设备，在屏幕宽度、高度、像素比等方面有着不同的规格。

以下代码为根据屏幕宽度进行操作系统判断的实现示例：

var width = window.innerWidth;
var height = window.innerHeight;
var os;
if (/(Android)/i .test(navigator.userAgent)) {
  os = 'Android';
} else if (/iPad/i.test(navigator.userAgent) || width == 768 && height == 1024) {
  os = 'iOS';
} else if (/iPod/i.test(navigator.userAgent) || width == 320 && height == 480) {
  os = 'iOS';
} else if (/iPhone/i.test(navigator.userAgent) || (width == 320 && height == 568) || (width == 375 && height == 667)) {
  os = 'iOS';
} else {
  os = 'unknown';
}

以上代码中，先获取了当前设备的屏幕宽度和高度，然后通过判断对应的屏幕宽度和设备UA字符串来判断设备所使用的操作系统。

以上是“JS简单判断移动端系统的方法”的简要攻略，建议在实际使用中，可以结合具体的移动端设备和操作系统规格，进行进一步的优化和定制化。