使用JavaScript判断用户是否为手机设备

最近在做微信服务号开发,其中遇到一个问题是微信服务号查看的个人的消息,如果点击在浏览器中查看(iOS中是在Safari中打开)应该是跳转到登录页面,因为页面需要从后台获取,因为需要服务端判断,如果是存页面不需要后台数据可以在前台进行判断,因为后台是NodeJS,所以给出客户端和服务端两个版本的代码供参考。

客户端判断

方法很简单,就是通过userAgent去判断,先判断是否为移动端,可以判断是iOS终端和Android终端,也可以具体到应用进行判断微信,微博,qq访问:

var browser = {
  versions: function() {
  var u = navigator.userAgent,
  ua = navigator.userAgent.toLowerCase();
  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.*/), //是否为移动终端
  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应该程序,没有头部与底部
  wechat:ua.match(/MicroMessenger/i) == "micromessenger",//微信
  weibo:ua.match(/WeiBo/i) == "weibo",//微博
  qq:ua.match(/QQ/i) == "qq"//qq
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
};
console.log(navigator.userAgent);
服务端判断

NodeJS同样也是通过userAgent判断,代码如下:

var browser= function(req) {
  var u = req.headers[‘user-agent‘];
  var ua = u.toLowerCase();
  //移动终端浏览器版本信息
  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.*/), //是否为移动终端
    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应该程序,没有头部与底部
    wechat: ua.match(/MicroMessenger/i) == "micromessenger",//微信
    weibo: ua.match(/WeiBo/i) == "weibo",//微博
    qq: ua.match(/QQ/i) == "qq"//QQ空间
};
};

exports.browser=browser;
基本的判断都有,可以根据判断的结果给出不同的响应~

时间: 2024-08-05 10:59:51

使用JavaScript判断用户是否为手机设备的相关文章

判断用户是在什么设备打开的页面

1.首先判断pc端还是移动端. function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v <

JavaScript经典代码【二】【javascript判断用户点了鼠标左键还是右键】

IE 下 onMouseDown 事件有个 events.button 可以返回一个数值,根据数值判断取得用户按了那个鼠标键 events.button==0 默认.没有按任何按钮. events.button==1 鼠标左键 events.button==2 鼠标右键 events.button==3 鼠标左右键同时按下 events.button==4 鼠标中键 events.button==5 鼠标左键和中键同时按下 events.button==6 鼠标右键和中键同时按下 events.

php网站判断用户是否是手机访问的方法

有些时候,我们需要判断用户是否用手机访问,如果是手机的话,就跳转到指定的手机友好页面.这里就介绍一下,如何判断用户是否用手机访问. 自定义的函数如下: $agent = check_wap(); if( $agent ) { header('Location: http://www.jb51.net'); exit; } // check if wap function check_wap(){ // 先检查是否为wap代理,准确度高 if(stristr($_SERVER['HTTP_VIA'

JavaScript判断用户是通过电脑端还是移动端访问

每个浏览器对应的useragent不同,JavaScript通过判断useragent的类型,便可以判断出用户所使用的浏览器类型,包括 IE.Firefox.chrome等.还可以判断用户是否通过移动端访问,是否是ios系统.Android系统,iPhone以及ipad系统. 除此之外,判断是否是通过微信访问,也可以通过useragent来判断. 下面是判断useragent类型的代码段 var browser = { versions: function () { var u = naviga

判断用户是否使用手机登录

<?php /** * 判断是否为手机访问,并跳转 * User: 梁田敬 * Date: 2015/7/13 * Time: 16:02 */ /** * 验证手机端访问 * @return bool */ function mobileBrowser() { // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])) return true; // 如果via信息含有wap则一定是移动设备,部分服务

web首页设置如下代码可判断用户是用什么设备登录的?

var OnePage=true;//用来判断staticHtml.js中首页登入的信息判断var _mobileUrl = "http://www.m.90tuku.com";//手机用户通过手机方式访问网站的饿时候跳转的checkMobileDevice();//调用监测代码 function isMobileDevice(){ return (navigator.userAgent.match(/Android/i) || navigator.userAgent.indexOf(

javascript判断页面是否在移动设备上打开

var ua = navigator.userAgent; var ipad = ua.match(/(iPad).*OS\s([\d_]+)/), isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/), isAndroid = ua.match(/(Android)\s+([\d.]+)/), isMobile = isIphone || isAndroid; //判断 if(isMobile){ //执行是移动端时的代码 }else

PHP CodeBase: 判断用户是否手机访问

随着移动设备的普及,网站也会迎来越来越多移动设备的访问.用适应PC的页面,很多时候对手机用户不友好,那么有些时候,我们需要判断用户是否用手机访问,如果是手机的话,就跳转到指定的手机友好页面.这里就介绍一下,如何判断用户是否用手机访问.皇家娱乐城 自定义的函数如下: $agent = check_wap(); if( $agent ) { header('Location: http://www.nowamagic.net'); exit; } // check if wap function c

MVC项目中如何判断用户是在用什么设备进行访问

使用UAParser在C#MVC项目中如何判断用户是在用什么设备进行访问(手机,平板还是普通的电脑) 现在我们开发的很多web应用都要支持手机等移动设备.为了让手机用户能有更加好的用户体验,我们经常为手机设备专门准备一套前端的页面.这样当用户使用普通电脑来访问的时候,我们的应用就向用户展示普通电脑的页面.当用户使用手机等移动设备来访问我们的系统的时候,我们就向用户展示手机设备的页面.但是这时候另一个问题出现了.如何判断用户在使用什么设备访问我们的应用?是使用手机还是普通电脑? 网上能查到的不同的