區分是移動端還是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函式
- 根據UA簡單判斷訪客客戶端是手機移動端還是電腦PC端客戶端
- 判斷訪問網頁的是移動裝置還是pc裝置網頁
- 判斷是否是移動裝置訪問網站程式碼網站
- PHP判斷是手機端還是PC端PHP
- 主流視訊網站PC端和移動端綜合分析網站
- js 判斷是手機訪問,還是pc訪問JS
- pc端跳轉到移動端的判斷程式碼
- 移動端和PC端互動設計上的區別
- 如何判斷是手機還是電腦訪問網站網站
- 微軟是如何解決 PC 端程式多開問題的微軟
- java區分訪問端來源Java
- PC端/移動端常見的相容性問題總結
- rem, vw, 還是...? 各憑本事的移動端適配方案REM
- PHP識別電腦還是手機訪問網站PHP網站
- 移動OA系統有哪些特點是PC端所無法替代的?
- 遠端訪問技術是什麼
- 移動端API架構 統一Proxy還是各自為政?API架構
- PHP判斷是否手機端或PC端訪問PHP
- THINKPHP分銷版微信端+PC端商城原始碼PHP原始碼
- Html5實現移動端、PC端 刮刮卡效果HTML
- 騰訊移動端手機遊戲是革誰的命?遊戲
- JSer全棧化技術棧推薦(一)——原生移動端是天堂還是泥潭JS全棧
- 網站分析:未來是移動的天下?網站
- 一個初學者是如何製作移動端B站畫友社群的
- 解讀什麼是遠端訪問技術
- 前端裡移動端到底比pc端多哪些知識?前端
- Html5實現移動端、PC端 刮刮卡效果薦HTML
- PHP判斷訪客是否移動端瀏覽器訪問PHP瀏覽器
- 可執行的移動端網站seo技術網站
- 移動遠端辦公是怎樣實現的?
- 移動網際網路時代:騰訊的盛宴還是末日?
- nginx 判斷移動端或者 PC 端 進入不同專案Nginx
- BetterScroll:可能是目前最好用的移動端滾動外掛(原始碼分析)原始碼
- 移動端web整理 移動端問題總結,移動web遇到的那些坑Web
- 三網合一(PC端+微信+手機端) 網站模板大升級!網站
- 【移動端開發】移動端開發基礎問題
- PC端網站開發總結-css方面網站CSS