LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

js判斷是手機(jī)瀏覽還是電腦瀏覽網(wǎng)站的方法

admin
2014年4月7日 10:52 本文熱度 6245
在做網(wǎng)站開發(fā)的時候,有時候要做的根據(jù)用戶的客戶端是手機(jī)還是電腦做出一些網(wǎng)址的指向,從而讓客戶看起來更清爽,更人性化。那么javascript判斷是手機(jī)瀏覽還是電腦瀏覽網(wǎng)站的方法方法代碼如下:
<script>
var system ={
win : false,
mac : false,
xll : 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);
//跳轉(zhuǎn)語句,如果是手機(jī)訪問就自動跳轉(zhuǎn)到wap.seostudying.com頁面
if(system.win||system.mac||system.xll){
window.location.http://wap.software8.co;/*如果是手機(jī)訪問就跳轉(zhuǎn)到這個網(wǎng)址*/
}
< /script>

大家可以直接復(fù)制使用,只是復(fù)制后做相應(yīng)的更改成為自己想要的效果即可,希望對大家有幫助。

該文章在 2014/4/7 10:52:17 編輯過

全部評論3

admin
2014年4月7日 10:55
JavaScript不管是判斷PC瀏覽器還是手機(jī)瀏覽器,都是通過User Agent 來判斷。
  1. <script type="text/javascript">
  • var browser={   
  • versions:function(){           
  • var u = navigator.userAgent, app = navigator.appVersion;           
  • return {               
  • trident: u.indexOf('Trident') > -1, //IE內(nèi)核               
  • presto: u.indexOf('Presto') > -1, //opera內(nèi)核               
  • webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內(nèi)核               
  • gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內(nèi)核               
  • 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應(yīng)該程序,沒有頭部與底部           
  • };
  • }()
  • }

  • document.writeln(" 是否為移動終端: "+browser.versions.mobile);
  • document.writeln(" ios終端: "+browser.versions.ios);
  • document.writeln(" android終端: "+browser.versions.android);
  • document.writeln(" 是否為iPhone: "+browser.versions.iPhone);
  • document.writeln(" 是否iPad: "+browser.versions.iPad);
  • document.writeln(navigator.userAgent);
  • </script>

  • 該評論在 2014/4/7 10:55:17 編輯過
    admin
    2014年4月7日 10:55
    mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否為移動終端
    Chrome桌面版的ua中也包含 AppleWebKit 字段,所以這判斷有些問題
    個人覺得改成以下會好些:
    mobile : !!ua.match(/AppleWebKit.*Mobile/) || !!ua.match(/Windows Phone/) || !!ua.match(/Android/) || !!ua.match(/MQQBrowser/);

    該評論在 2014/4/7 10:55:51 編輯過
    admin
    2014年4月7日 10:57
    if (Request.Headers["user-agent"].IndexOf("Android") > 0 || Request.Headers["user-agent"].IndexOf("SymbianOS") > 0 || Request.Headers["user-agent"].IndexOf("iPhone OS")>0)
    Response.Write("手機(jī)");
    else
    Response.Write("電腦");
    Response.Write(Request.Headers["user-agent"]);
    我是通過系統(tǒng)來判斷的!

    電腦:Mozilla/5.0 (Windows NT 5.2; rv:12.0) Gecko/20100101 Firefox/12.0

    Symbian的是:Nokia 5320/UCWEB7.0.1.34/28/999 。。。。Symbian

    HTC的安卓手機(jī):Mozilla/5.0 (Linux; U; Android 2.2; zh-cn; HTC Desire Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1;

    iPhone的:Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_2 like Mac OS X; zh-cn) AppleWebKit/528.18 (KHTML, like Gecko) Mobile/7D11

    好像Windows Mobile 的user-agent是什么 沒測試

    該評論在 2014/4/7 10:57:50 編輯過
    關(guān)鍵字查詢
    相關(guān)文章
    正在查詢...
    點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
    點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務(wù)費用、相關(guān)報表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點,圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
    點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。
    點晴免費OA是一款軟件和通用服務(wù)都免費,不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。
    Copyright 2010-2025 ClickSun All Rights Reserved

    黄频国产免费高清视频,久久不卡精品中文字幕一区,激情五月天AV电影在线观看,欧美国产韩国日本一区二区
    亚洲日韩欧美一区久久久久久久 | 中文字幕日韩理论在线 | 亚洲性色在线精品视频 | 可以免费观看的AV在线片 | 先锋影音最新在线资源网 | 亚洲日本va中文字幕在线直播 |