H5页面跳转至应用市场(Android/ios)(判断是Android还是ios)

news/2024/7/20 10:08:04 标签: android, ios
      var u = navigator.userAgent;
      var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1; 
      //android终端
      var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
      //android端
      if (isAndroid) {
        let hidden =
          window.document.hidden ||
          window.document.mozHidden ||
          window.document.msHidden ||
          window.document.webkitHidden;
        if (typeof hidden == "undefined" || hidden == false) {
          window.location.href = "https://www.xxxxxx.com"; //安卓应用市场地址
        }
      } else if (isIOS) {
        //ios端
        let hidden =
          window.document.hidden ||
          window.document.mozHidden ||
          window.document.msHidden ||
          window.document.webkitHidden;
        if (typeof hidden == "undefined" || hidden == false) {
          window.location.href = "https://www.xxxxxx.com"; //app store地址
        }
      }


http://www.niftyadmin.cn/n/776153.html

相关文章

前端项目设置点击手机号码唤起拨号功能

1.index.html中添加如下代码&#xff1a; <meta name"format-detection" content"telephoneyes" />2.在需要调起手机拨号功能的页面&#xff0c;写如下函数&#xff1a; // 调用拨号功能 callPhone (phoneNumber) {window.location.href tel://…

Vue项目中$t()的意思

一般项目vue文件中将会把中文字符的数量拉至最低&#xff0c;这时候需要用一个文件容器来储存他们。 举例&#xff1a; <el-form-item :label"$t(staffManage.modal.userName)" prop"userName" class"is-required" ><el-inputv-model&…

JavaScript文档注释JSDoc注释

普通多行注释 /** * 普通的多行注释 */使用JsDoc JSDoc 是一个根据 JavaScript 文件中注释信息&#xff0c;生成 JavaScript 应用程序或模块的API文档的工具。你可以使用 JSDoc 标记如&#xff1a;命名空间&#xff0c;类&#xff0c;方法&#xff0c;方法参数等。从而使开发者…

h5背景图片不变形解决方案

昨天测试提了bug&#xff1a;说我的背景图片在不同手机模式下出现变形的情况&#xff0c;要求保证图片的原始效果 我的写法&#xff1a; .img{background-image:url();background-siza: 100% 100%; } 由于盒子的高度是内容撑起来的&#xff0c;所有随着宽度的变化是保持不变…

element-ui Drawer 内容全部屏幕高度不能滑动

解决办法&#xff1a; /1.显示滚动条&#xff1a;当内容超出容器的时候&#xff0c;可以拖动&#xff1a;/ .el-drawer__body { overflow: auto; } /2.隐藏滚动条&#xff0c;太丑了/ .el-drawer__container ::-webkit-scrollbar { display: none; } 作者&#xff1a;昨夜…

CSS 实现多行文本“展开收起”

要想实现如下效果&#xff1a; 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮“展开”和“收起”两种状态的切换当文本不超过指定行数时&#xff0c;不显示“展开收起”按钮 说实话&#xff0c;之前单独看这个布局&#xff0c;即使借助 JavaS…

打开大写锁定的方法

onKeyPress(event: any) {this.platform getDevice();if((event.shiftKey && this.platform "mac" ) ||event.getModifierState(CapsLock)){this.isCapsLock true;}else{this.isCapsLock false;}//event.getModifierState(CapsLock) 打开大写锁定…

Element-UI 框架 el-scrollbar 组件

快速使用 <el-scrollbar><li v-for"user in userList" :key"user.id">{{user.name}}</li> </el-scrollbar>具体实例 <el-scrollbarwrapClass"yf-container"viewClass"yf-content"wrapStyle"color:#f…