如何判断是手机还是电脑访问网站
来源：博客园
如何判断是手机还是电脑访问网站:现在由于手机功能的强大，使用手机上网的用户越来越多，那么就需要判断用户是用何种客户端登陆的网站，如果使用的是电脑则使用电脑版本的网页，如果使用的手机则使用手机版本的网页，下面是一段能够判断是手机还是电脑的代码：
 

function check() { 
var userAgentInfo=navigator.userA 
var Agents =new Array("Android","iPhone","SymbianOS","Windows Phone","iPad","iPod"); 
var flag=true; 
for(var v=0;v&Agents.v++) { 
if(userAgentInfo.indexOf(Agents[v])&0) { 
flag=false; 
break; 
return 
}

 
在以上代码中，如果如果flag返回值为true则说明是电脑客户端，如果是false，则说明使用的是移动客户端，代码比较简单这里就不多介绍了，直接套用就可以了，如果有疑问可以跟帖留言。
原文地址是:/forum.php?mod=viewthread&tid=8392
更多内容可以参阅:/javascript/
免责声明：本站部分内容、图片、文字、视频等来自于互联网，仅供大家学习与交流。相关内容如涉嫌侵犯您的知识产权或其他合法权益，请向本站发送有效通知，我们会及时处理。反馈邮箱&&&&。
学生服务号
在线咨询，奖学金返现，名师点评，等你来互动您的位置:->->
&智能手机的出现使手机访问网站的用户数急剧增多，也许随着4g，5G等的移动网络的普及，未来用户手机访问网站数将会超过电脑访问网站数。现在微营销的出现，很多商家开始注重手机用户。网络营销人员当然也不会错过能够带来销量的市场，我们一般做网站都是指的是电脑上访问的网站，现在手机访问网站的用户数增多，网络营销人员会想办法做一个手机能访问的网站。但是我们网站的域名只有一个，手机访问网站也是输入网站域名打开，这个时候我们就需要用js判断是用电脑访问还是用手机访问网站。
由于手机屏幕的问题，如果用户打开的网站内容显示跟电脑端一模一样的话，用户很难像在电脑上找到相关网站信息，这个时候我们需要做一个手机网站来适应手机屏幕查看。手机网站做好后，在打开同一个域名的时候，如何用js判断是用电脑访问还是用手机访问网站呢？
js判断是用电脑访问还是用手机访问网站的方法代码如下：
&script language=&javascript&&&
//平台、设备和操作系统（windows系统，苹果系统，Linux或者X11系统） &
var system ={ &
win : false, &
mac : false, &
xll : false &
//检测平台 &
var p = navigator. &
system.win = p.indexOf(&Win&) == 0; //如果是windows系统就显示true，否则false。&
system.mac = p.indexOf(&Mac&) == 0; &//如果是Mac系统就显示true，否则false。&
system.x11 = (p == &X11&) || (p.indexOf(&Linux&) == 0); &//如果是Linux或者X11系统就显示true，否则false。&
//跳转语句，如果是windows系统，苹果系统，Linux或者X11系统就跳转到；如果是手机访问就自动跳转到页面。
if(system.win||system.mac||system.xll){ &
window.location.href=&&;&
window.location.href=&http://m..&; &
用js判断是用电脑访问还是用手机访问网站详细代码如上，稍懂代码的朋友只要看下上面的注释就可以明白，如果有不明白的地方可以到上发帖，长沙做网站湘龙工作室的技术人员会和你们一起交流的。js判断当前页面在移动设备还是在PC端中打开
投稿：lijiao
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了js判断当前页面在移动设备还是在PC端中打开的相关资料,需要的朋友可以参考下
本文实例讲解了js判断当前页面在移动设备还是在PC端中打开的详细代码，分享给大家供大家参考，具体内容如下
var browser = {
versions: function () {
var u = navigator.userAgent, app = navigator.appV
//移动终端浏览器版本信息
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.*/), //是否为移动终端
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, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') & -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
language: (navigator.browserLanguage || navigator.language).toLowerCase()
if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
if (ua.match(/MicroMessenger/i) == "micromessenger") {
//在微信中打开
setInterval(WeixinJSBridge.call('closeWindow'),2000);
if (ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客户端打开
if (ua.match(/QQ/i) == "qq") {
//在QQ空间打开
if (browser.versions.ios) {
//是否在IOS浏览器打开
if(browser.versions.android){
//是否在安卓浏览器打开
//否则就是PC浏览器打开
window.close();
代码二：js判断用户的浏览设备是移动设备还是PC
最近做的一个网站页面中需要根据用户的访问设备的不同来显示不同的页面样式，主要是判断移动设备还是电脑浏览器访问的。
下面给出js判断处理代码，以作参考。
&script type="text/javascript"&
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
document.writeln("您的浏览设备为：");
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
document.writeln("phone");
document.writeln("pc");
browserRedirect();
我用电脑上的浏览器，android设备，iphone，ipad均做过测试，此代码可行，各设备判断均正确。
以上就是本文的全部内容，希望对大家的学习有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具JS判断手机端和PC端跳转代码
var browser_class = navigator.userA
var browser_class_name1 = browser_class.match("Mobile");
var browser_class_name2 = browser_class.match("mobile");
var location_url = window.location.
if (browser_class_name1 != null || browser_class_name2 != null){
if (location_url.match("wap") == null){
window.location.href="";
if (location_url.match("3g") != null || location_url.match("wap") != null){
window.location.href="";
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。网页设计教程与开发
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
js判断手机和pc端选择不同执行事件的方法教程
本文实例讲述了js判断手机和pc端选择不同执行事件的方法。分享给大家供大家参考。具体如下：
判断是否为手机：
function isMobile(){
var sUserAgent= navigator.userAgent.toLowerCase(),
bIsIpad= sUserAgent.match(/ipad/i) == "ipad",
bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os",
bIsMidp= sUserAgent.match(/midp/i) == "midp",
bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4",
bIsUc= sUserAgent.match(/ucweb/i) == "ucweb",
bIsAndroid= sUserAgent.match(/android/i) == "android",
bIsCE= sUserAgent.match(/windows ce/i) == "windows ce",
bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile",
bIsWebview = sUserAgent.match(/webview/i) == "webview";
return (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM);
判断使用那种事件：
var touchStart,touchMove,touchE
touchStart = isMobile() ? 'touchstart' : 'mousedown';
touchMove = isMobile() ? 'touchmove' : 'mousemove';
touchEnd = isMobile() ? 'touchend' : 'mouseup';
三种事件的相应处理：
touchstart:function(e){
var e=e || window. //要判断使用哪种event
stopDefault(e);
//不同的浏览器，阻止浏览器默认事件方法不同
if(isMobile()){
//如果是手机
var touch=e.touches[0];
this.y1=touch.pageY
this.y1=e.pageY;
//如果不是手机
this.y2=0;
touchmove:function(e){
var e=e || window.
stopDefault(e);
if(isMobile()){
var touch=e.touches[0];
this.y2=touch.pageY;
this.y2=e.pageY;
touchend:function(e){
var e=e || window.
stopDefault(e);
if(this.y2==0){
var diffY=this.y2-this.y1;
if(diffY&50){
this.doNext();
}else if(diffY&-50){
this.doPrev();
this.y1=0,
this.y2=0;
阻止浏览器默认事件方法：
function stopDefault(e){
var e=e || window.
if(e.preventDefault){
e.preventDefault();
e.returnValue=
希望本文所述对大家的javascript程序设计有所帮助。
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章：
网友评论：
[][][][][][][][][][]