如何通过js判断手机型号 iphone5 iphone5s iphone6 iphone7等等
原文:https://segmentfault.com/q/1010000002507636
纯网页开发的话用一下这个方法,我只是简单的用来根据不同的手机型号来做一些css样式的修改了。
Navigator 对象包含有关浏览器的信息
appVersion 返回浏览器的平台和版本信息
userAgent 返回由客户机发送服务器的user-agent头部的值
.indexOf()方法用来检测字符串值在字符串中首次出现的位置
var events = navigator.userAgent; console.log(navigator.userAgent); console.log(navigator.appVersion); console.log(navigator) if(events.indexOf('Android')>-1 || events.indexOf('Linux')>-1 || events.indexOf('Adr')>-1){ console.log("安卓手机"); }else if(events.indexOf('iPhone')>-1){ //根据尺寸进行判断 苹果的型号 if(screen.height == 812 && screen.width == 375){ console.log("苹果X"); }else if(screen.height == 736 && screen.width == 414){ console.log("iPhone7P - iPhone8P - iPhone6"); }else if(screen.height == 667 && screen.width == 375){ console.log("iPhone7 - iPhone8 - iPhone6"); }else if(screen.height == 568 && screen.width == 320){ console.log("iPhone5"); }else{ console.log("iPhone4"); } }else if(events.indexOf('Windows Phone')>-1){ console.log("诺基亚手机"); }else if(events.indexOf("iPad")>-1){ console.log("平板"); }
或者可以用 window.screen.width 通过浏览器检测屏幕的宽度来判断这个值属于哪个手机尺寸范围
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· 本地部署 DeepSeek:小白也能轻松搞定!
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 从 Windows Forms 到微服务的经验教训
· 李飞飞的50美金比肩DeepSeek把CEO忽悠瘸了,倒霉的却是程序员
· 超详细,DeepSeek 接入PyCharm实现AI编程!(支持本地部署DeepSeek及官方Dee