js如何判断用户是在PC端和还是移动端访问
这篇文章主要介绍了js如何判断用户是在PC端和还是移动端访问,需要的朋友可以参考下如果需要对移动终端进行优化，必须要做的就是，判断客户机的访问设备是什么。通过判断的结果，返回不能的域名地址，继而加载不同的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){
var e=window.location.host;var a=window.location.href;
if(isSubdomain(arguments,e)==1){
f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments,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)
{
}
}
页:
[1]