判斷當前設備(終端)是手機仍是pc端並進行不一樣的頁面跳轉
DEMO 1javascript
<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"; if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { window.location.href= 'm.html'; } else { // window.location= ''; } } browserRedirect();//調用自身,頁面一打開就開始跳轉 </script>
DEMO 2html
<script type="text/javascript"> (function(){ var reWriteUrl = function(url){ if(url){ var Splits = url.split("/"),siteName=window.location.pathname; if(typeof siteName!=="undefined"){ return "http://m.jb51.net"+siteName; } } }; if(/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile/i.test(navigator.userAgent)){ var url=window.location.href; var pathname=window.location.pathname; if(url.indexOf("?mobile")<0){ try{ window.location.href=reWriteUrl(url); }catch(e){} } }; })(); </script>
DEMO 3java
//騰訊網的適配代碼 <script type="text/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應該程序,沒有頭部與底部 google:u.indexOf('Chrome')>-1 }; }(), language : (navigator.browserLanguage || navigator.language).toLowerCase() } document.writeln("語言版本: "+browser.language); document.writeln(" 是否爲移動終端: "+browser.versions.mobile); </script> //其餘的適配代碼(後綴名爲.js 並引用至網頁) <script type="text/javascript"> //平臺、設備和操做系統 var system = { win: false, mac: false, xll: false, ipad:false }; //檢測平臺 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false; //跳轉語句,若是是手機訪問就自動跳轉到" "裏的頁面 if (system.win || system.mac || system.xll||system.ipad) { } else { window.location.href = "此處填寫你的連接地址"; } </script>