zoukankan      html  css  js  c++  java
  • H5 判断是否微信打开,安卓 苹果

    // 判断端口
    var browser = {
    
        versions: function() {
            var u = navigator.userAgent,
                app = navigator.appVersion;
            return { //移动终端浏览器版本信息  
                WxApp:    u.indexOf("MicroMessenger") > 0,//微信打开
                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.versions.ios || browser.versions.android ||
        browser.versions.iPhone || browser.versions.iPad) {
        // alert(JSON.stringify(browser.versions))  
      // 微信打开
    if(browser.versions.WxApp){
         // 苹果
    if (browser.versions.ios) { $('#maskTo').css({ display: 'block' }) } else if (browser.versions.android) {
          // 安卓 $(
    '#maskOne').css({ display: 'block' }) } } } else { //pc端 }
  • 相关阅读:
    瀑布流布局——JS+绝对定位
    浏览器事件的思考
    css的hack详解
    主流浏览器的Hack写法
    [HTML&CSS] 未知高度多行文本垂直居中
    HTML标签的默认样式列表
    推荐的 CSS 书写顺序
    高效整洁CSS代码原则 (上)
    高效整洁CSS代码原则 (下)
    Xcode升级导致插件失效的解决办法
  • 原文地址:https://www.cnblogs.com/wangshishuai/p/13306073.html
Copyright © 2011-2022 走看看