zoukankan      html  css  js  c++  java
  • js 判断移动设备、pc端、android、iPhone、是否为微信、微博、qq空间

    varbrowser = {

      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.*/), //是否为移动终端
           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") {
           //在微信中打开
       }
       if (ua.match(/WeiBo/i) == "weibo") {
           //在新浪微博客户端打开
       }
       if (ua.match(/QQ/i) == "qq") {
           //在QQ空间打开
       }
       if (browser.versions.ios) {
           //是否在IOS浏览器打开
       }
       if(browser.versions.android){
           //是否在安卓浏览器打开
       }
    }else {
      //否则就是PC浏览器打开
    }

     

  • 相关阅读:
    黑马程序员-winform视频总结的一些知识点
    如何让360兼容模式打开网页和极速模式打开一样
    [2016-10-24]jQuery学习回顾笔记1.0
    鼠标上下滑动总是放大缩小页面,按住ctrl+0
    按钮在苹果手机显示不正常
    鼠标悬停图片放大
    关于高度
    如何做出透明背景的flash动画
    复选框css
    HTML CSS 特殊字符表(转载)
  • 原文地址:https://www.cnblogs.com/wuhaidong-me/p/6135489.html
Copyright © 2011-2022 走看看