判断访客终端类型集锦

更新时间：2015年06月05日 10:35:13 投稿：hebedich

本文给大家讲解的是使用php和javascript实现的判断访客终端类型的方法集锦，十分的简单实用，有需要的小伙伴可以参考下。

当用户使用手机等移动终端访问网站时，我们可以通过程序检测用户终端类型，如果是手机用户，则引导用户访问适配手机屏幕的移动站点。本文将介绍分别使用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.jb51.net。

 
if (is_mobile()) { 
  header('Location:http://m.jb51.net'); 
} 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.jb51.net") 
}else{ 
  document.write("请使用手机访问."); 
}

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

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

您可能感兴趣的文章:

判断访客终端类型

javascript实现的多个层切换效果通用函数实例
这篇文章主要介绍了javascript实现的多个层切换效果通用函数,涉及javascript针对页面元素样式的遍历与操作技巧,需要的朋友可以参考下
2015-07-07
关于微信小程序登录的那些事
这篇文章主要给大家介绍了关于微信小程序登录的那些事，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-01-01
JavaScript中解析JSON数据的三种方法
这篇文章主要介绍了JavaScript中解析JSON数据的三种方法,本文讲解了eval()方法、new Function方法、JSON.parse()方法等三种方法,需要的朋友可以参考下
2015-07-07
PHP实现本地图片上传和验证功能
这篇文章主要为大家详细介绍了PHP实现本地图片上传和验证功能的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
JavaScript如何实现监听键盘输入和鼠标监点击
这篇文章主要介绍了JavaScript如何实现监听键盘输入和鼠标监点击，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-07-07
H5页面跳转小程序的3种实现方式
这篇文章主要给大家介绍了关于H5页面跳转小程序的3种实现方式,说出来你可能不信,每位商家几乎都会h5转跳到小程序、H5转跳至小程序的应用范围十分广阔,需要的朋友可以参考下
2023-08-08
Bootstrap实现提示框和弹出框效果
这篇文章主要为大家详细介绍了Bootstrap实现弹出框和提示框效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
封装获取dom元素的简单实例
下面小编就为大家带来一篇封装获取dom元素的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
js实现图片淡入淡出效果
这篇文章主要为大家详细介绍了js实现图片淡入淡出效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
BootStrap3使用错误记录及解决办法
这篇文章主要介绍了BootStrap3使用错误记录及解决办法,需要的朋友可以参考下
2016-12-12

判断访客终端类型集锦

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具