如何使用JavaScript的navigator.userAgent判断iOS版本低于16
检测iOS版本是否低于16的实现方案
你可以直接从navigator.userAgent里提取iOS版本号来判断,这方法没用到废弃属性,还靠谱。具体做法:
- 先用你已有的代码确认是iOS设备
- 从userAgent字符串里抓出版本号
- 把版本号转成数字,再和16比大小
完整代码示例
function isIosVersionBelow16() { // 先判断是不是iOS设备 if (!(/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream)) { return false; } // 从userAgent里提取iOS版本号 const iosVersionMatch = navigator.userAgent.match(/OS (\d+)_(\d+)(?:_(\d+))?/); if (!iosVersionMatch) { return false; // 拿不到版本号的时候默认返回false } // 取主版本号(比如15.4.1就取15) const majorVersion = parseInt(iosVersionMatch[1], 10); // 判断主版本是不是小于16 return majorVersion < 16; } // 用的时候这么写 if (isIosVersionBelow16()) { console.log("当前iOS版本低于16"); // 这里写版本低于16时要执行的逻辑 } else { console.log("当前iOS版本不低于16,或者不是iOS设备"); }
简单说明
- 正则
/OS (\d+)_(\d+)(?:_(\d+))?/专门用来匹配iOS的版本字符串,比如OS 15_7_3,能抓出主版本、次版本、补丁版本这几个部分 - 只要主版本小于16,就说明系统版本低于iOS 16,足够满足你的需求
- 加了容错:万一userAgent格式异常抓不到版本,直接返回false,避免报错
如果需要更精细的判断(比如低于16.2),可以把版本拼起来转成数字(比如16.2转成162)再对比就行。
内容的提问来源于stack exchange,提问作者Andre
相关产品推荐
相关产品推荐

