判断访客终端类型集锦


Posted in Javascript onJune 05, 2015

当用户使用手机等移动终端访问网站时,我们可以通过程序检测用户终端类型,如果是手机用户,则引导用户访问适配手机屏幕的移动站点。本文将介绍分别使用PHP和JAVASCRIPT代码判断用户终端类型。

PHP版

我们使用PHP的$_SERVER['HTTP_USER_AGENT']来获取手机用户浏览器的用户代理,然后匹配已有的各种手机浏览器代理库,如果含有匹配的关键字,则判断为手机(移动终端)用户。

function is_mobile() { 
  $user_agent = $_SERVER['HTTP_USER_AGENT']; 
  $mobile_agents = array("240x320","acer","acoon","acs-","abacho","ahong","airness","alcatel","amoi", 
  "android","anywhereyougo.com","applewebkit/525","applewebkit/532","asus","audio", 
  "au-mic","avantogo","becker","benq","bilbo","bird","blackberry","blazer","bleu", 
  "cdm-","compal","coolpad","danger","dbtel","dopod","elaine","eric","etouch","fly ", 
  "fly_","fly-","go.web","goodaccess","gradiente","grundig","haier","hedy","hitachi", 
  "htc","huawei","hutchison","inno","ipad","ipaq","iphone","ipod","jbrowser","kddi", 
  "kgt","kwc","lenovo","lg ","lg2","lg3","lg4","lg5","lg7","lg8","lg9","lg-","lge-","lge9","longcos","maemo", 
  "mercator","meridian","micromax","midp","mini","mitsu","mmm","mmp","mobi","mot-", 
  "moto","nec-","netfront","newgen","nexian","nf-browser","nintendo","nitro","nokia", 
  "nook","novarra","obigo","palm","panasonic","pantech","philips","phone","pg-", 
  "playstation","pocket","pt-","qc-","qtek","rover","sagem","sama","samu","sanyo", 
  "samsung","sch-","scooter","sec-","sendo","sgh-","sharp","siemens","sie-","softbank", 
  "sony","spice","sprint","spv","symbian","tablet","talkabout","tcl-","teleca","telit", 
  "tianyu","tim-","toshiba","tsm","up.browser","utec","utstar","verykool","virgin", 
  "vk-","voda","voxtel","vx","wap","wellco","wig browser","wii","windows ce", 
  "wireless","xda","xde","zte"); 
  $is_mobile = false; 
  foreach ($mobile_agents as $device) { 
    if (stristr($user_agent, $device)) { 
      $is_mobile = true; 
      break; 
    } 
  } 
  return $is_mobile; 
}

上述代码中函数is_mobile()来判断用户终端类型,将收集到的当今各种手机的HTTP_USER_AGENT归结到数组$mobile_agents中,并进行匹配。使用时只需调用函数is_mobile()。如以下代码表示,当匹配用户为手机访问时,页面跳转到网站手机版m.3water.com。

if (is_mobile()) { 
  header('Location:http://m.3water.com'); 
} else { 
  echo '请使用手机访问.'; 
}

Javascript版

您也可以直接在前端页面上加入一段Javascript脚本来判断用户的终端类型。Javascript也是通过获取浏览器的user-agent信息,然后匹配已有的user-agent信息库。

if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry| 
WebOS|Symbian|Windows Phone|Phone)/i))) { 
  location.replace("http://m.3water.com") 
}else{ 
  document.write("请使用手机访问."); 
}

以上代码还不是很完善,有兴趣的朋友欢迎补充。

当然,我们也可以通过响应式布局来匹配各种不同屏幕,这样可以节约开发成本,但是当客户对移动网站的功能需求,对于独立的移动站点最好是采用在网站入口处判断用户访问终端类型,一般是我们在主站首页就做判断,如果是手机访客则跳转到手机版页面,否则按正常PC方式访问页面。

Javascript 相关文章推荐
JavaScript入门教程(1) 什么是JS
Jan 31 Javascript
js判断undefined类型示例代码
Feb 10 Javascript
一个JavaScript递归实现反转数组字符串的实例
Oct 14 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
Aug 21 Javascript
JavaScript中eval函数的问题
Jan 31 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
May 30 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
Aug 19 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
Sep 28 Javascript
关于jQuery库冲突的完美解决办法
May 20 jQuery
JavaScript中正则表达式判断匹配规则及常用方法
Aug 03 Javascript
Angular(5.2->6.1)升级小结
Dec 27 Javascript
jQuery实现图片下载代码
Jul 18 jQuery
JavaScript中constructor()方法的使用简介
Jun 05 #Javascript
JavaScript中的原型prototype属性使用详解
Jun 05 #Javascript
HTML5使用DeviceOrientation实现摇一摇功能
Jun 05 #Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
Jun 05 #Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
Jun 05 #Javascript
jQuery+HTML5实现手机摇一摇换衣特效
Jun 05 #Javascript
在JavaScript中使用NaN值的方法
Jun 05 #Javascript
You might like
PHP使用适合阅读的格式显示文件大小的方法
2015/03/05 PHP
[IE&FireFox兼容]JS对select操作
2007/01/07 Javascript
js判断浏览器的比较全的代码
2007/02/13 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
详谈JavaScript 匿名函数及闭包
2014/11/14 Javascript
jQuery插件slicebox实现3D动画图片轮播切换特效
2015/04/12 Javascript
浅析javascript中的事件代理
2015/11/06 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
微信小程序实现图片自适应(支持多图)
2017/01/25 Javascript
js实现自定义进度条效果
2017/03/15 Javascript
layui导航栏实现代码
2017/05/19 Javascript
详解用node搭建简单的静态资源管理器
2017/08/09 Javascript
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
webstrom Debug 调试vue项目的方法步骤
2018/07/17 Javascript
实例分析vue循环列表动态数据的处理方法
2018/09/28 Javascript
原生javascript中this几种常见用法总结
2020/02/24 Javascript
[16:04]DOTA2海涛带你玩炸弹 9月5日更新内容详解
2014/09/05 DOTA
简单介绍Python中的round()方法
2015/05/15 Python
举例讲解Django中数据模型访问外键值的方法
2015/07/21 Python
python3爬取淘宝信息代码分析
2018/02/10 Python
python获取txt文件词向量过程详解
2019/07/05 Python
Django 再谈一谈json序列化
2020/03/16 Python
python中实现词云图的示例
2020/12/19 Python
使用CSS3来代替JS实现交互
2017/08/10 HTML / CSS
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
国家地理在线商店:Shop National Geographic
2018/06/30 全球购物
LN-CC日本:高端男装和女装的奢侈时尚目的地
2019/09/01 全球购物
洗车工岗位职责
2014/03/15 职场文书
幼儿园五一劳动节活动总结
2015/02/09 职场文书
总账会计岗位职责
2015/04/02 职场文书
创业计划书之个人工作室
2019/08/22 职场文书
如何用JS实现网页瀑布流布局
2021/04/24 Javascript
SpringBoot集成Redis,并自定义对象序列化操作
2021/06/22 Java/Android
Python 绘制多因子柱状图
2022/05/11 Python