區分是移動端還是pc端訪問網站的程式碼
隨著移動裝置的發展,在移動端訪問網站已經逐漸成為比較普遍的事情,例如使用手機訪問網站,現在已經不是什麼稀罕事情,而且具有很大的市場佔有率,所以很多網站都有兩套模板,一套適合pc端使用,一套適合移動端使用,根據不同的訪問來源來判斷使用哪套模板,下面就介紹一下如何利用javascript來實現此功能。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼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.*/)||!!u.match(/AppleWebKit/), //是否為移動終端 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 || u.indexOf('Mac') > -1, //是否為iPhone或者QQHD瀏覽器 iPad: u.indexOf('iPad') > -1, //是否iPad webApp: u.indexOf('Safari') == -1 //是否web應該程式,沒有頭部與底部 }; }() } console.log(" 是否為移動終端: "+browser.versions.mobile); console.log(" ios終端: "+browser.versions.ios); console.log(" android終端: "+browser.versions.android); console.log(" 是否為iPhone: "+browser.versions.iPhone); console.log(" 是否iPad: "+browser.versions.iPad); console.log(navigator.userAgent);
相關文章
- PHP判斷是手機移動端訪問還是PC端訪問的函式PHP函式
- 判斷當前訪問的使用者是 PC端 還是 手機端
- 判斷在移動端還是PC開啟
- 如何判斷頁面是pc端還是移動端,進入不同的頁面
- js 判斷是手機訪問,還是pc訪問JS
- 移動端和PC端互動設計上的區別
- 微軟是如何解決 PC 端程式多開問題的微軟
- PC端/移動端常見的相容性問題總結
- rem, vw, 還是...? 各憑本事的移動端適配方案REM
- 遠端訪問技術是什麼
- 移動OA系統有哪些特點是PC端所無法替代的?
- 自動識別PC端、移動端,並跳轉
- JSer全棧化技術棧推薦(一)——原生移動端是天堂還是泥潭JS全棧
- Html5實現移動端、PC端 刮刮卡效果HTML
- 移動OA比PC端的優勢所在
- 解讀什麼是遠端訪問技術
- THINKPHP分銷版微信端+PC端商城原始碼PHP原始碼
- 移動遠端辦公是怎樣實現的?
- 一個初學者是如何製作移動端B站畫友社群的
- 移動端問題整理
- 【移動端開發】移動端開發基礎問題
- nginx 判斷移動端或者 PC 端 進入不同專案Nginx
- 移動端網頁版開發遇到的問題網頁
- 移動端測試分類
- PC端網站開發總結-css方面網站CSS
- 做移動端開發時,你是如何除錯的?除錯
- 移動端網站開發要點-meta設定網站
- AC耦合電容擺放:放驅動端好還是接收端好?
- js點選拉拽輪播圖pc端移動端適配JS
- JS 判斷客戶端是iOS還是AndroidJS客戶端iOSAndroid
- 移動端適配問題
- 如何解決移動端的安全區域為0的問題
- 學妹問,學網站開發還是打 ACM?網站ACM
- 學前端好還是後端好?前端後端
- 移動端iphoneX的適配問題iPhone
- 移動端網站必須要用html5做嗎?網站HTML
- 網站移動端一定要用html5嗎?網站HTML
- 什麼是遠端程式碼執行漏洞?
- 移動端比1px還小的border