LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

js判断是手机浏览还是电脑浏览网站的方法

admin
2014年4月7日 10:52 本文热度 5207
在做网站开发的时候,有时候要做的根据用户的客户端是手机还是电脑做出一些网址的指向,从而让客户看起来更清爽,更人性化。那么javascript判断是手机浏览还是电脑浏览网站的方法方法代码如下:
<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);
//跳转语句,如果是手机访问就自动跳转到wap.seostudying.com页面
if(system.win||system.mac||system.xll){
window.location.href="http://www.software8.co;/*如果是电脑访问就跳转到这个网址*/
}else{
window.location.href="http://wap.software8.co;/*如果是手机访问就跳转到这个网址*/
}
< /script>

大家可以直接复制使用,只是复制后做相应的更改成为自己想要的效果即可,希望对大家有帮助。

该文章在 2014/4/7 10:52:17 编辑过

全部评论3

admin
2014年4月7日 10:55
JavaScript不管是判断PC浏览器还是手机浏览器,都是通过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内核               
  • 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应该程序,没有头部与底部           
  • };
  • }()
  • }

  • 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("手机");
    else
    Response.Write("电脑");
    Response.Write(Request.Headers["user-agent"]);
    我是通过系统来判断的!

    电脑: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的安卓手机: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 编辑过
    关键字查询
    相关文章
    正在查询...
    点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
    点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
    点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
    点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
    Copyright 2010-2024 ClickSun All Rights Reserved