js判断用户是在PC端或移动端访问

js如何判断用户是在PC端和还是移动端访问。

最近一直在忙我们团队的项目“咖啡之翼”，在这个项目中，我们为移动平台提供了一个优秀的体验。伴随Android平台的红火发展。不仅带动国内智能手机行业，而且许多国内开发者也开始投身于Android移动终端的大浪潮中。如果很多互联网大浪潮你错过了。那么这个Android浪潮你绝对不能错过。目前我们为“咖啡之翼”已经开发了移动终端以及安卓客户端，大家使用Android或者IOS操作系统的手机，直接访问域名www.jbxue.com即可观看移动终端效果。同时Android客户端已经上架到腾讯“应用宝”和“百度手机助手”等应用商城。大家可以直接搜索“咖啡之翼”进行下载。在没有任何的推广的情况了，仅仅上架一周，已经拥有超过100+的下载量。

如果需要对移动终端进行优化，必须要做的就是，判断客户机的访问设备是什么。通过判断的结果，返回不能的域名地址，继而加载不同的CSS文件。

我们使用的判断方式是通过user-agent值，来进行判断。使用javascript框架中的Navigator对象的userAgent属性。navigator 对象没有公开标准，不过现在市面上所有浏览器都支持该对象。使用userAgent属性返回由客户机发送服务器的 user-agent 头部的值。头信息中有一个 User-Agent，它的作用是告诉服务器，用户客户端是什么浏览器，以及操作系统的信息的。使用正则表达式进行user-agent值的获取。和本地的值进行判断，这个匹配值可以是移动操作系统例如Android,ios，也可以为浏览器的名称。有匹配项则跳转，否则则不会跳转，直接进入PC端首页。

具体的代码实现，我们为了提高网站的可移植性，使用了JavaScript脚本语言。使用此技术的好处在笔者看来有两点

1：可以提高网站的可移植性，如果在此后的Web项目中，我们团队需要再一次加入移动终端的效果，就可以很轻松的引入这部分的JS代码，进行判断。提高以后的工作效率。

2：第二点是便于Web程序可以在不用的界面加载，是否引入这部分移动终端的判断代码。

具体实现：

我们把判断访问的脚本抽离，如果哪个页面需要进行客户终端的判断，我们就直接在页面使用<script></script>引入脚本程序，具体判断代码如下：

function uaredirect(f){ 

try{if( 

document.getElementById("bdmark")!=null){ 

return 

} 

var b=false; 

if(arguments[1]){ 

var e=window.location.host;var a=window.location.href; 

if(isSubdomain(arguments[1],e)==1){ 

f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true} 

else{f=a;b=false}}} 

else{b=true}if(b){var c=window.location.hash; 

if(!c.match("fromapp")){ 

if((navigator.userAgent.match(/(iPhone|iPod|Android|ios|Windows Phone)/i))){location.replace(f)}}}}catch(d)<br>　　 {　　 }}

js判断用户是在PC端或移动端访问的更多相关文章

js判断用户浏览器是PC还是手机，自动跳转
browserRedirect(); function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); ...
js如何判断用户是在pc端和还是移动端访问
js如何判断用户是在pc端和还是移动端访问来源:A5技术交流作者:wofa 时间:2014-04-25收藏本页最近一直在忙我们团队的项目“咖啡之翼”,在这个项目中,我们为移动平台提供了一个优秀的 ...
js判断用户是客户端还是移动端
js判断用户是客户端还是移动端 Javascript 判断客户端是否为 PC 还是手持设备,有时候项目中需要用到,很方便的源生检测,方法一共有两种 1.第一种: function IsPC() { ...
JS判断当前设备是 PC IOS Andriod
JS判断当前设备是 PC IOS Andriod <script > window.onload = function(){ var isPc = IsPC(); var isAndroi ...
JS判断设备终端（PC，iPad，iPhone，android，winPhone）和浏览器
JS判断设备终端(PC,iPad,iPhone,android,winPhone)和浏览器 var ua = navigator.userAgent; var browser = {}, weixin ...
js判断用户的浏览器设备是移动端还是pc端
最近做的一个网站页面中需要根据用户的访问设备的不同来显示不同的页面样式,主要是判断移动设备还是电脑浏览器访问的. 下面给出js判断处理代码,以作参考. <script type="te ...
用JS判断用户使用的是手机端还是pc端访问
最近项目中用到一个应用,当访问同一个网站地址的时候,例如:www.xxx.com的时候,如果当前客户端是pc则跳转到专注于pc的部分,如果当前客户机是手机,则跳转到专注于手机的部分,秉承一贯的习惯,b ...
[开发笔记]-js判断用户的浏览设备是移动设备还是PC
最近做的一个网站页面中需要根据用户的访问设备的不同来显示不同的页面样式,主要是判断移动设备还是电脑浏览器访问的. 下面给出js判断处理代码,以作参考. <script type="te ...
js判断当前浏览器是pc端还是移动端
根据用户的访问设备的不同来显示不同的页面样式,主要是判断移动设备还是电脑浏览器访问的. 下面给出js判断处理代码,以作参考. <script type="text/javascript ...

随机推荐

《BI那点儿事》三国人物智力分布状态分析
献给广大的三国爱好者们,希望喜欢三国的朋友一起讨论,加深对传奇三国时代的了解数据分析基础概念:数据分为“不可测量”的数据和“可测量”的数据.不可测量的数据称为“分类数据”(Category Data或 ...
Android之GridView控制显示多少行以及遇到的怪事
前段时间接到一个需求,要求GridView超过两行只显示两行多余的不显示.但是GridView没有设置多少行的api,只有设置多少列的方法,到处查找资料都类似的case,stakeoverfrow上面 ...
C++中复制构造函数与重载赋值操作符总结
前言这篇文章将对C++中复制构造函数和重载赋值操作符进行总结,包括以下内容: 1.复制构造函数和重载赋值操作符的定义: 2.复制构造函数和重载赋值操作符的调用时机: 3.复制构造函数和重载赋值操作符 ...
iframe 适用高度
contentWindow 兼容各个浏览器,可取得子窗口的 window 对象. contentDocument Firefox 支持,> ie8 的ie支持.可取得子窗口的 document ...
基于MMSeg算法的中文分词类库
原文:基于MMSeg算法的中文分词类库最近在实现基于lucene.net的搜索方案,涉及中文分词,找了很多,最终选择了MMSeg4j,但MMSeg4j只有Java版,在博客园上找到了*王员外*(ht ...
Android Weekly Notes Issue #258
Android Weekly Issue #258 May 21st, 2017 Android Weekly Issue #258 本期内容: 围绕着Google I/O的热潮, 本周的posts除 ...
关于php中的exec命令
这个命令一般是被禁用的一些特殊需求的时刻可以启用比如调用系统上的一些数据或者命令 $command ='/www/wwwroot/t.6328.net/Public/cfile/test' ...
sort sign numeric
//JS001 EXEC PGM=SORT //* ...
MySQL Cluster --01
[MySQL Cluster] MySQL Cluster 是MySQL 官方集群部署方案, 支持自动分片.读写扩展:通过实时备份冗余数据.适合于分布式计算环境的高实用.高冗余版本,是可用性最高的方案 ...
c# post get
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...