Jquery 判断是不是 移动设备 浏览

发布网友 发布时间：2022-04-25 05:42

我来回答

共2个回答

热心网友 时间：2022-04-23 04:59

//适配代码
　　<script type="text/javascript">
　　var browser = {
　　versions : function() {
　　var u = navigator.userAgent, app = navigator.appVersion;
　　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.*/)
　　|| !!u.match(/AppleWebKit/), //是否为移动终端
　　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 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
　　iPad: u.indexOf('iPad') > -1, //是否iPad
　　webApp : u.indexOf('Safari') == -1,
　　//是否web应该程序，没有头部与底部
　　google:u.indexOf('Chrome')>-1
　　};
　　}(),
　　language : (navigator.browserLanguage || navigator.language).toLowerCase()
　　}
 
　　if(browser.versions.mobile){
　　   //为移动端访问网页，跳转到移动端链接地址
　　   window.location.href="移动端链接地址"; 
　　}else{
　　    //为电脑端访问网页，跳转到电脑端链接地址
　　    window.location.href="电脑端链接地址";
　　}
　　</script>

热心网友 时间：2022-04-23 06:17

var isPc=true;
$(document).ready(function () {
  var userAgentInfo = navigator.userAgent;//获取游览器请求的用户代理头的值
  var Agents = ["Android", "iPhone",
    "SymbianOS", "Windows Phone",
    "iPad", "iPod"];//定义移动设备数组
  for (var v = 0; v < Agents.length; v++) {
  //判断是否是移动设备
    if (userAgentInfo.indexOf(Agents[v]) > 0) {    
      isPc= false;
      break;
    }
  }
  if(isPc){
  console.log('我是电脑');
  }else{
  console.log('我是移动设备');
  }
})

如果服务端也需要判断,使用ajax把前端得到的数据上传给服务器

  //userAgentInfo
  $.ajax({
    url: '/sendAgent',//服务器请求地址
    type: 'post',
    async: true,
    data:{userAgent:isPc}//传入判断后的值或直接传userAgentInfo 
    success: function (data) {
      if (data) {//判断返回值
        console.log(data);//打印返回值
      }
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
    //错误处理
              console.log(XMLHttpRequest.status);
              console.log(XMLHttpRequest.readyState);
              console.log(textStatus);
        }
  });
}