移动端：js判断苹果ios各类机型

最近在做一个移动端的项目，项目出现的一大堆兼容问题是在让我头疼，其中就包括获取当前使用的 ios 的机型。逛了很多圈博客，很多是用了组件实现的，也不知道是我方法没用对还是怎么回事，我用的组件只能获取到安卓手机的机型，最后只能采用比较笨的方法了，根据苹果手机的像素比和分辨率进行区分，代码如下：

/* 设备的像素比和设备分辨率表如下：iPhone 3GS  3.5寸 => 320x480 => 1iPhone 4/4s  3.5寸 => 320x480 => 2iPhone 5/5s/5c  4.0寸 =>  320x568 => 2iPhone 6   4.7寸 => 375x667 => 2iPhone 6Plus  5.5寸 => 414x736 => 3iPhone 6s  4.7寸 => 375x667 => 2iPhone 6sPlus  5.5寸 => 414x736 => 3iPhone 7  4.7寸 => 375x667 => 2iPhone 7Plus  5.5寸 => 414x736 => 3iPhone 8  4.7寸 => 375x667 => 2iPhone 8Plus5  5.5寸 => 414x736 => 3iPhone X  5.8寸 => 375x812 => 3iPhone XS  5.8寸 => 375x812 => 3iPhone XS Max6.5寸 => 414x896 => 3iPhone XR  6.1寸 => 414x896 => 2
*/
let iPhone4_4s = window.devicePixelRatio && window.devicePixelRatio === 2 && window.screen.width === 320 && window.screen.height === 480
let iPhone5_5s_5c = window.devicePixelRatio && window.devicePixelRatio === 2 && window.screen.width === 320 && window.screen.height === 568
let iPhone6_6s_7_8 = window.devicePixelRatio && window.devicePixelRatio === 2 && window.screen.width === 375 && window.screen.height === 667
let iPhone6P_6sP_7P_8P = window.devicePixelRatio && window.devicePixelRatio === 3 && window.screen.width === 414 && window.screen.height === 736

接下来的机型大家可以根据上面的注释写下去，这里我只判断到了iphone8

移动端：js判断苹果ios各类机型相关推荐

js判断苹果ios各类机型
首先需要得到设备像素比/设备分辨率(根据下面设备表去判断) /* iPhone 3GS3.5吋320x480@1x320x480 iPhone 4/4s3.5吋320x480@2x640x960 iP ...
移动端js判断是app还是微信还是浏览器
移动端js判断是app还是微信还是浏览器 const ua = navigator.userAgent.toLowerCase();const isWeixin = ua.indexOf('micro ...
移动端js判断iPhone浏览器还是Android浏览器
js判断函数: //检测是Android的浏览器还是 iPhone的浏览器function checkNavigator () {var u = navigator.userAgent;var an ...
html判断手机浏览器,JS判断浏览器iOS（iPhone）、Android手机移动端
通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端.网上搜索来的,比较简单: var u = navigator.userAgent; var isAndroid ...
解决移动端项目中苹果ios和安卓android手机点击输入框网页页面自动放大缩小
一.需求问题在公司的项目开发中,我们经常需要开发移动端的项目.但是,在移动端中,点击输入框的时候,网页页面会自动放大或者缩小.这个也并不是我们所想要的,我们只需要向输入框中输入内容就可以了. 二.需 ...
js判断是iOS还是Android
platform.js: var browser={ versions:function(){ var u = navigator.userAgent, app = navigator ...
移动端设备判断，ios，android，判断设备，安卓
function v() {let u = navigator.userAgent, app = navigator.appVersionreturn {trident: u.indexOf('Tri ...
移动端js判断手指滑动方向
var startx, starty;//获得角度function getAngle(angx, angy) {return Math.atan2(angy, angx) * 180 / Math.P ...
js判断移动端，pc端，安卓，苹果浏览器的方法
js 判断安卓或者ios 之indexOf方式(一) //判断访问终端 var browser={versions:function(){var u = navigator.userAgent, ap ...

移动端：js判断苹果ios各类机型

移动端：js判断苹果ios各类机型相关推荐

最新文章

热门文章