1. 程式人生 > >JS實現識別電腦瀏覽器和手機瀏覽器

JS實現識別電腦瀏覽器和手機瀏覽器

http://blog.csdn.net/li_magic/article/details/53215140

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" Content="text/html;charset=UTF-8"/>
 <title>識別電腦瀏覽器和手機瀏覽器</title>
</head>
<script type="text/javascript"> 
var system ={}; 
    var p = navigator.platform;      

    system.win = p.indexOf("Win") == 0; 
    system.mac = p.indexOf("Mac") == 0; 
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);    
    if(system.win||system.mac||system.xll){
//如果是電腦跳轉到百度 
        window.location.href="http://www.baidu.com/"; 
    }else{  
//如果是手機,跳轉到hao123首頁
        window.location.href="http://www.hao123.com/"; 

    }
</script>
 <body>

 </body>

 </html>

js判斷是電腦瀏覽器還是手機端瀏覽器,並根據不同的終端跳轉到不同的網址

  1. <!DOCTYPE html>
  2. <html>
  3. <script>
  4. function browserRedirect() {  
  5.     var sUserAgent = navigator.userAgent.toLowerCase();  
  6.     var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";  
  7.     var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";  
  8.     var bIsMidp = sUserAgent.match(/midp/i) == "midp";  
  9.     var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";  
  10.     var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";  
  11.     var bIsAndroid = sUserAgent.match(/android/i) == "android";  
  12.     var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";  
  13.     var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";  
  14.     if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){  
  15.         window.location.href="http://blog.csdn.net/zml_2015";  
  16.     } else {  
  17.         window.location.href="http://m.blog.csdn.net/blog/index?username=zml_2015";  
  18.     }  
  19. }  
  20. browserRedirect();  
  21. </script>
  22. <body>
  23. </body>
  24. </html>

js判斷手機瀏覽器作業系統和微信瀏覽器的方法

投稿:mdxy-dxy 字型:[增加 減小] 型別:轉載 時間:2016-04-30 我要評論

做手機端的前端開發,少不了對手機平臺的判斷。如,對於app下載,就要判斷在Android平臺下就顯示Android下載提示;在iOS平臺下就顯示iOS下載提示http://www.jb51.net/article/83344.htm

今天就為大家介紹一下用js判斷手機客戶端平臺及系統平臺的方法:

?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <script type="text/javascript"> //手機端判斷各個平臺瀏覽器及作業系統平臺 function checkPlatform(){ if(/android/i.test(navigator.userAgent)){ document.write("This is Android'browser.");//這是Android平臺下瀏覽器 } if(/(iPhoneiPadiPodiOS)/i.test(navigator.userAgent)){ document.write("This is iOS'browser."
web前段設計之痛:手機瀏覽器pc瀏覽器的width:100%的自適應問題

Tips: 除錯 iPad 或 iPhone 可在設定中啟動除錯模式,在 Mac 中的 Safari 瀏覽器 同樣開啟開發者模式後,進行聯機除錯。功能彪悍。 最近在做一個頁面時,發現在 iPad 的 Safari 瀏覽器中背景顯示不全,定位到該 div 後發現所指定 cs

web實現電腦螢幕手機螢幕適應

web實現手機螢幕適應       需要實現的效果:       排行榜web顯示:       賽程報道web顯示:     排行榜手機顯示:        賽程報道手機顯示:       實現思路:       1.佈局:        (1)頂部為

js判斷識別微信或QQ瀏覽器

//是否微信 isWx: function() { var ua = navigator.userAgent.toLowerCase(); return ua.match(/MicroMessenger/i) == 'micromessenger'; }, //是否QQ i

js實現點選一個按鈕達到瀏覽器全屏效果

專案中需要將後臺瀏覽器的視窗全屏,也就是我們點選一個按鈕要實現按F11全屏的效果。 在HTML5中,W3C制定了關於全屏的API,就可以實現全螢幕的效果,也可以讓頁面中的圖片,視訊等全屏目前只有google chrome 15 +, safri5.1+,firfox1

HTML5移動開發:手機螢幕解析度手機瀏覽器解析度

在桌面電腦端,瀏覽器的解析度與電腦螢幕的解析度是一致的。而智慧手機的螢幕解析度往往和手機瀏覽器解析度不同,因為手機的螢幕相對來說比較小,如果要顯示高清畫質,那麼它的解析度就要高。比如說,蘋果iPhone4手機的螢幕解析度是640*960,而其自帶的Safari瀏覽器的解析度

前端js變數踩坑,部分手機瀏覽器不支援let、const

浪費了“黃金五年”的Java程式設計師,還有救嗎? >>>   

JS實現插入排序法選擇排序法

排序算法 ble inner 基本算法 出了 clas 一點 暫時 while   試著寫了寫,但對輸出方式不太熟,所以註釋部分的沒能成功(我猜測是數據被覆蓋了,所以最後運行結果都是‘6‘),或許不能用innerHTML來進行輸出,暫時不管了,改天再研究研究JavaScri

selenium3.4.0-java,啟動谷歌瀏覽器火狐瀏覽器

java 4.0 col files nag bin style implicit timeout 啟動谷歌瀏覽器 @Before public void setUp() throws Exception { System.setProperty(

Js實現抽獎轉盤,點選返回某個模組頂部的功能

最近寫了幾個轉盤抽獎的活動頁面: 1.設定旋轉的角度: HTML部分:轉盤程式碼: <div class="lottery"> <div class="lottery_box"> <di

JS實現圖的建立遍歷

圖分為無向圖和有向圖  圖的儲存結構有鄰接矩陣、鄰接表、十字連結串列、鄰接多重表這四種,最常用的是前兩種 本篇主要是利用鄰接矩陣實現無向圖的建立和遍歷(深度優先、廣度優先),深度優先其實就是二叉樹裡的前序遍歷          利用鄰接

require.js載入highcharts.js/exporting.js實現圖表的繪製圖片檔案功能的匯出

第一步:在require.js的做資料檔案中(data-main)對應的檔案中進行require.config配置,程式碼如下: require.config({ paths: { 'highcharts': '../libs/highcharts/Highcha

【解決Chrome瀏覽器IE瀏覽器上傳附件相容的問題 -- Chrome關閉flash後,uploadify外掛不可用的解決辦法】

專案中遇到過這種情況: 利用uploadify外掛在IE和chrome瀏覽器中上傳附件正常, 突然有一天chrome禁用了flash外掛,uploadify外掛在chrome中就不能正常使用了,IE上正常。   =========================================

Ajax下拉重新整理在安卓的UC瀏覽器QQ瀏覽器無效

移動端開發,在手機上測試發現用所有手機的自帶瀏覽器沒問題,但是換到UC和QQ瀏覽器上值載入只出現預設的5條資料,上拉重新整理卻沒有資料 發現在瀏覽器上放大網頁資料逐條加載出來,最後判定高度的問題, 所以在後面加上100畫素就ok了 var domH=$(docu

select在ie瀏覽器其他瀏覽器樣式問題

ie中取掉下拉箭頭: 樣式中加入 select::-ms-expand {             display: none;         } 其他瀏覽器取掉下拉箭頭:-webkit-app

js 實現寬高相等隨手機螢幕大小改變

讓圖片隨螢幕大小而改變並且保持高寬比例一樣 假設一張圖片為實際螢幕的50%的寬度,需要高度=寬度,用css是很難完成的,但是用js實現還是挺簡單的 //獲取元素寬度 var imgWidth = document.querySelector(".productimg").getBoundingC

JS實現左右滑動佈局滑動

<!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name=keywords content=首頁> <meta name