最近在做一個移動端的項目，項目出現的一大堆兼容問題是在讓我頭疼，其中就包括獲取 當前使用的 ios 的 機型。逛了很多圈博客，很多是用了組件實現的，也不知道是我方法沒用對還是怎麼回事，我用的組件只能獲取到安卓手機的機型，最後只能採用比較笨的方法了，根據蘋果手機的像素比和解析度進行區分，代碼如下：
/*
設滾伏備的像素比和設備解析度表如下：
iPhone 3GS 3.5寸 => 320x480 => 1
iPhone 4/4s 3.5寸 => 320x480 => 2
iPhone 5/5s/5c 4.0寸 => 320x568 => 2
iPhone 6 4.7寸 => 375x667 => 2
iPhone 6Plus 5.5寸 => 414x736 => 3
iPhone 6s 4.7寸 => 375x667 => 2
iPhone 6sPlus 5.5寸 => 414x736 => 3
iPhone 7 4.7寸 => 375x667 => 2
iPhone 7Plus 5.5寸 => 414x736 => 3
iPhone 8 4.7寸 => 375x667 => 2
iPhone 8Plus5 5.5寸 => 414x736 => 3
iPhone X 5.8寸 => 375x812 => 3
iPhone XS 5.8寸 => 375x812 => 3
iPhone XS Max6.5寸 => 414x896 => 3
iPhone 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
打開CSDN，閱讀體驗更佳
iphone 屏幕大小及計宴源算_楊宗衛的爸爸的博客_蘋果屏幕...
從解析度的角度來看,iPhone6沿用二倍圖(@2x),但需為iPhone6+提供更高的晌備態三倍圖(@3x);從屏幕尺寸角度來看,需要重新對UI元素尺寸和布局進行適配,以期視覺協調。 (1)按寬度適配 我們先來看一下iPhone4~6(+)的屏幕高寬比: iPhone4(...
js判斷ipad還是安卓_JS判斷客戶端是否是iOS或者Android或者ipad(二...
判斷方法:粗略判斷只檢索 "iphone"和"safari/"字元串,嚴格判斷則要同時包含 "mozilla/","iphone","mobile/","safari/"四個字元串 iPhone版Opera Mobile: 特徵表現: 以"opera/"開頭,含有"iphone"字元串,同時含有 "opera mini/","...
javaScript 判斷iPhone X Series機型的方法
寫在前面 如果有更優雅的方式，一定要告訴我！ 現狀 iPhone X 底部是需要預留 34px 的安全距離，需要在代碼中進行兼容。 現狀對於 iPhone X 的判斷基本是這樣的： // h5 export const isIphonex = () => /iphone/gi.test(navigator.userAgent) && window.screen && (window.screen.height === 812 && window.screen.width === 375); 這在之前是沒問題的，新的 iPhone X Series 設備發布之後，這個就會兼容就有問
swift 含iPhone14系列 具體機型判斷（最新最全）
public extension UIDevice { var modelName: String { var systemInfo = utsname() uname(&systemInfo) let machineMirror = Mirror(reflecting: systemInfo.machine) let identifier = machineMirror.children.rece("") { .
繼續訪問
H5頁面適配所有iPhone和安卓機型的六個技巧_曲小強的博客
img標簽的高清化,可以通過JS判斷devicePixelRatio的值來載入不同尺寸的圖片,但是對於背景圖,寫在CSS中的,用JS來判斷就略麻煩了,還好CSS通過media query也能判斷dpr。 目前兼容性最好的背景圖高清化實現方式,使用media query的-webkit-mi...
如何獲取當前設備的機型(更新到iPhoneX)?判斷機型是否為iPhone X?
判斷機型是否為iPhone X,首先想到的是判斷當前設備的機型,另外也可以從他的固有尺寸去判斷: #define KIsiPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UI...
最新發布 JS判斷是否是ioS或者Android
JS判斷是否是ioS或者Android
繼續訪問
js判斷蘋果ios各類機型
首先需要得到設備像素比/設備解析度(根據下面設備表去判斷) /* iPhone 3GS3.5吋320x480@1x320x480 iPhone 4/4s3.5吋320x480@2x640x960 iPhone 5/5s/5c4.0吋320x568@2x640x1136 iPhone 64.7吋375x667@2x750x1334 iPhone 6Plus5.5吋414x736@3x1242x2208 iPhone 6s4.7吋375x667@2x750x1334 iPhone 6sPlus5.5吋414x7
繼續訪問
移動開發屏幕適配分析_weixin_34205076的博客
iPhone 3GS(非Retina屏幕)iPhone 4(Retina屏幕) 右邊的圖片明顯要比左邊的清晰,這是因為PPI要高,何為PPI。 1)PPI與DPI PPI和DPI這兩個是密度單位,不是度量單位。 1. PPI(pixels per inch):圖像解析度 (在圖像中,每英寸所包含的...
100個原生的JavaScript實用功能代碼片段_唐策的博客
40、原生JavaScript獲取移動設備屏幕寬度 41、原生JavaScript完美判斷是否為網址 42、原生JavaScript根據樣式名稱檢索元素對象 43、原生JavaScript判斷是否以某個字元串開頭 44、原生JavaScript判斷是否以某個字元串結束 ...
iPhone12機型判斷
iPhone12機型判斷 case "iPhone13,1" : return "iPhone 12 mini"; case "iPhone13,2" : return "iPhone 12"; case "iPhone13,3" : return "iPhone 12 Pro"; case "iPhone13,4" : return "iPhone 12 Pro Max";
繼續訪問
iphonex系列機型判斷
iphonex xs xr xsmax 判斷 // iphonex xs xr xsmax 判斷 export function isIphonX() { // iPhone X、iPhone XS var isIPhoneX = /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRat...
繼續訪問
iPhone~iPhone14屏幕尺寸和解析度的相關知識 ( DPI vs PPI pt vs px...
iPhone 4和iPhone 3GS的屏幕尺寸實際上是一樣的,都是3.5英寸。在屏幕上同樣一個點,實際尺寸大小一樣,只是在iPhone 4上單位英寸內的像素點更多,看起來更加細膩。 4. iPhone 6/6s Plus解析度是1242 x 2208,為什麼渲染後解析度變為1080...
純JS判斷iPhone准確機型，iPhone6~iPhoneXs Max
工作中所用到的對於iPhone各類機型的准確識別， 親測可用，現在分享一下： //iPhone 6/6s/7/8 let isIPhone6 = /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio && window.devicePixelRatio === 3 && wind...
繼續訪問
js判斷手機是否是蘋果
前端開發會遇到判斷設備類型是否是蘋果端，記錄一下js代碼
繼續訪問
判斷iPhone型號
#import <sys/utsname.h> #pragma mark -- 判斷手機型號 -(NSString*)judgeIphoneType { struct utsname systemInfo; uname(&systemInfo); NSString * phoneType = [NSString stringWithCString: systemInfo.machine encoding:NSASCIIString.
繼續訪問
移動端：js如何判斷當前的手機系統是安卓還是iOS
廢話不多說，直接上代碼： // 判斷當前系統是ios還是安卓 let u = navigator.userAgent; let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android終端 let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端 if (isAndroid) { console.log('安卓手機') } i..
繼續訪問
Javascript 識別iPhone、Android移動手機
通過userAgent簡單識別訪問設備類別
繼續訪問
html獲取手機型號,前端通過js獲取手機型號
###前段通過js獲取手機型號需求：用戶登錄後記錄當前的手機型號並記錄插件：使用步驟：獲取UA信息->根據安卓和IOS不同的處理IOS再通過插件mobile-device-js去獲取型號安卓通過解析UA信息去獲取build之前的信息得到手機型號//引入插件//獲取userAgent信息var user_agent = navigator.userAgent;console.log(user_...
繼續訪問
原生js判斷iPhoneX系列手機型號
#原生js判斷iPhoneX系列手機型號 static isIphone() { return /iphone/gi.test(window.navigator.userAgent) } static isIphonXSeries() { if (window !== 'undefined' && window && !this.isIphone()) return false; const xSeriesConfig = [ {
繼續訪問
ios在判斷設備是ipad_使用JS判斷設備終端是iPhone、iPad或者電腦(PC)
今天在做一個輪播廣告的項目，輪播廣告上有兩個特效：第一就是滑鼠經過圖片變亮，再就是點擊圖會切換成文字描述的層且覆蓋圖片。通常這樣的效果在PC端沒什麼問題的，但是到IPAD上面就會需要點擊兩下才能切換，所以我想了想，有沒有辦法讓ipad上只執行點擊的JS代碼，而不執行滑動的代碼，於是就想到了「用JS判斷終端設備」來解決這個問題，下面就分享下方法：iPad 使用的是 Safari Mobile 瀏覽器...
繼續訪問
JS判斷是蘋果系統(ios)還是安卓系統(Android)或者PC端
前言 今天看到一道面試題，JS判斷是否是蘋果系統(ios)和安卓系統(Android)客戶端，一下就涉及到自己的知識盲區，趕緊亡羊補牢一下。順便在拓展一下是pc還是移動端？pc端的話，又是在什麼瀏覽器運行？ JS判斷是否是蘋果系統(ios)和安卓系統(Android)客戶端？ <--!通過判斷瀏覽器的userAgent，用正則來判斷是否是ios和Android客戶端。代碼如下--> <script type="text/javascript"> var u = na
繼續訪問
js判斷手機機型
function judgeBrand(sUserAgent) { var isIphone = sUserAgent.match(/iphone/i) == "iphone"; var isHuawei = sUserAgent.match(/huawei/i) == "huawei"; var isHonor = sUserAgent.match(/honor/i) == "honor"; var isOppo = sUserAgent.matc.
繼續訪問
iOS Swift 判斷手機機型 已更新 至iPhone12
/// 擴展UIDevice extension UIDevice { /// 獲取設備具體詳細的型號 var modelName: String { var systemInfo = utsname() uname(&systemInfo) let machineMirror = Mirror(reflecting: systemInfo.machine) let ide.
繼續訪問
移動端判斷是android還是ios
多端開發
繼續訪問
熱門推薦 史上最簡單，js並獲取手機型號
js獲取手機型號
繼續訪問
js 根據屏幕尺寸判斷是否為iphone14
前端
javascript
寫評