獲取瀏覽器的userAgent就可來以判斷了自。如：
functionIsPC(){
varuserAgentInfo=navigator.userAgent;
varAgents=["Android","iphone","SymbianOS","WindowsPhone","iPad",
"iPod"];//常用的手機系統版本
varflag=true;//建立標志
for(varv=0;v<Agents.length;v++){
if(userAgentInfo.indexOf(Agents[v])>0){
flag=false;//如果是手機版本返回false
break;
}
}
returnflag;
}調用：
jQuery(document).ready(function($){
if(IsPC()){
//PC執行代碼
}else{
//移動端執行代碼
}
});
㈡ js判斷iphone14
最近在做一個移動端的項目，項目出現的一大堆兼容問題是在讓我頭疼，其中就包括獲取 當前使用的 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
寫評
㈢ JS判斷是PC還是手機打開不同頁面
本文實例講解了js判斷當前頁面在移動設備還是在PC端中打開的詳細代碼，分享給大家供大家參考，具體內容如下 var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移動終端瀏覽器版本信息 trident: u.indexOf('Trident') > -1, //IE內核 presto: u.indexOf('Presto') > -1, //opera內核 webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內核 mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動終端 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端 android: u.indexOf('Android') > -1 u.indexOf('Linux') > -1, //android終端或uc瀏覽器 iPhone: u.indexOf('iPhone') > -1, //是否為iPhone或者qqHD瀏覽器 iPad: u.indexOf('iPad') > -1, //是否iPad webApp: u.indexOf('Safari') == -1 //是否web應該程序，沒有頭部與底部 }; }(), language: (navigator.browserLanguage navigator.language).toLowerCase() } if (browser.versions.mobile) {//判斷是否是移動設備打開。browser代碼在下面 var ua = navigator.userAgent.toLowerCase();//獲取判斷用的對象 if (ua.match(/MicroMessenger/i) == "micromessenger") { //在微信中打開 setInterval(WeixinJSBridge.call('closeWindow'),2000); } if (ua.match(/WeiBo/i) == "weibo") { //在新浪微博客戶端打開 } if (ua.match(/QQ/i) == "qq") { //在QQ空間打開 } if (browser.versions.ios) { //是否在IOS瀏覽器打開 } if(browser.versions.android){ //是否在安卓瀏覽器打開 } } else { //否則就是PC瀏覽器打開 window.close(); } 代碼二：js判斷用戶的瀏覽設備是移動設備還是PC 最近做的一個網站頁面中需要根據用戶的訪問設備的不同來顯示不同的頁面樣式，主要是判斷移動設備還是電腦瀏覽器訪問的。 下面給出js判斷處理代碼，以作參考。 <script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; document.writeln("您的瀏覽設備為："); if (bIsIpad bIsIphoneOs bIsMidp bIsUc7 bIsUc bIsAndroid bIsCE bIsWM) { document.writeln("phone"); } else { document.writeln("pc"); } } browserRedirect(); </script> 我用電腦上的瀏覽器，android設備，iphone，ipad均做過測試，此代碼可行，各設備判斷均正確。 以上就是本文的全部內容，希望對大家的學習有所幫助。
㈣ 求html或js代碼：網站手機能打開，但是不讓電腦打開。
簡單，通過js判斷是什麼系統，如果是window，就讓他正常顯示，如果是電腦，可以給他來個死循環，也可以給他一個空白頁，或者404,或者直接退出。
首先：navigator.userAgent，判斷是手機還是電腦。
然後，手機要執行什麼操作。電腦要執行什麼 操作。
比如說
如果是手機：window.R_vue = require();;
<script>
new R_vue({})
// 因為只有手機才會存在R_vue.電腦上就會報錯，阻止執行。
</script>
// 方式2：
如果是手機：
location.href = "";
如果是電腦：location.href = "";
//用戶進入該網址，跳轉到手機站點，如果是電腦訪問，跳轉到PC端。
//比如說,www.abc.com;PC地址。
// m.abc.com; 手機端
// www.mip-abc.com ; mip移動加速
用戶輸入abc.com，就會自動識別，即使用戶輸入的是www.abc.com，也會跳轉到m.abc.com
㈤ 一些的js判斷設備是移動端還是PC端的代碼
varUA=window.navigator.userAgent.toLocaleLowerCase()
if(/(iphone|android|ipad)/.test(UA)){
alert('移動設備')
}else{
alert('PC')
}
㈥ 如何讓有些js和css代碼當用戶用手機訪問的時候不會載入
後端判斷是什麼系統，比如php的話，如果不是手機就輸出script標簽；也可以通過前端，通過requirejs或者seajs這樣的模塊載入器來管理代碼，js判斷下如果是手機，就不require對應的文件。