現在使用手機上網的人越來越多,一些下載網站會通過判斷不同系統手機來訪問不同網頁,比如iPhone和Android。下面我們就來介紹一下如何用javascript判斷iPhone或Android手機訪問
代碼一、
- <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/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否為移動終端
- 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應該程序,沒有頭部與底部
- };
- } (),
- language: (navigator.browserLanguage || navigator.language).toLowerCase()
- }
- if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) {
- window.location.href = "http://www.49028c.com";
- }
- if (browser.versions.android) {
- window.location.href = "http://www.qq.com";
- }
- </script>
如何判斷是否是 iPad 瀏覽器呢,關鍵是看它的 User Agent 中是否有 iPad。iPad 使用的是 Safari Mobile 瀏覽器,他的的 User Agent 是:
Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10
Javascript代碼
function is_iPad(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/iPad/i)=="ipad") {
return true;
} else {
return false;
}
}
因此,判斷ipad,iphone,android的代碼為:
- <script type="text/javascript">
- var bForcepc = fGetQuery("dv") == "pc";
- function fBrowserRedirect(){
- 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){
- var sUrl = location.href;
- if(!bForcepc){
- window.location.href = "http://m.vevb.com/?ipad";
- }
- }
- if(bIsIphoneOs || bIsAndroid){
- var sUrl = location.href;
- if(!bForcepc){
- window.location.href = "http://m.vevb.com/?iphone";
- }
- }
- if(bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM){
- var sUrl = location.href;
- if(!bForcepc){
- window.location.href = "http://m.vevb.com/";
- }
- }
- }
- function fGetQuery(name){//獲取參數值
- var sUrl = window.location.search.substr(1);
- var r = sUrl.match(new RegExp("(^|&)" + name + "=([^&]*)(&|$)"));
- return (r == null ? null : unescape(r[2]));
- }
- function fShowVerBlock(){
- if(bForcepc){
- document.getElementById("dv_block").style.display = "block";
- }
- else{
- document.getElementById("ad_block").style.display = "block";
- }
- }
- fBrowserRedirect();
- </script>
新聞熱點
疑難解答
圖片精選