vue h5点击跳转主流手机应用商店app下载页

html:

<div class="btn_open" @click="openApp">打开APP</div>

script:

data () {

return {

brands : {

"IPHONE": "IPHONE|IPAD|IPOD|IOS",

"OPPO": "OPPO",

"VIVO": "VIVO",

"HONOR": "HONOR",

"HUAWEI": "HUAWEI",

"XIAOMI": "XIAOMI|REDMI",

"360": "1801-A01|1707-A01|1509-A00",

"SAMSUNG": "SAMSUNG"

hasOwnProp:'',

userAgent:'',

os:'',

brand:''

}

openApp(){

let device_type = navigator.userAgent;//获取userAgent信息

let ua_pub = window.navigator.userAgent;

let u = navigator.userAgent;

let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端

let ua = window.navigator.userAgent.toLowerCase();

let isWeixin = ua.indexOf('micromessenger') !== -1;

let href = window.location.href;

if (isWeixin)

{

window.location.href = "https://a.app.qq.com/o/simple.jsp?pkgname=包名";

return true;

}

else if(ua_pub.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)){

return

// window.location.href = 'https://itunes.apple.com/cn/app/%E8%B6%A3%E5%90%AC%E5%B0%8F%E8%AF%B4-%E6%9C%89%E5%A3%B0%E5%B0%8F%E8%AF%B4%E6%87%92%E4%BA%BA%E5%90%AC%E4%B9%A6%E7%A5%9E%E5%99%A8/id1440140641?mt=8'

}else {

if(ua.match(/MicroMessenger/i) === 'micromessenger' && isAndroid) {

//应用宝

window.location.href ='https://a.app.qq.com/o/simple.jsp?pkgname=包名';

$('body,html').animate({scrollTop:0},300);

}

if(href.indexOf('dym') !== -1) { 大姨妈渠道

// alert('dym')

return

}else {

if (device_type.indexOf('HUAWEI') > -1) {

// alert('huawei')

window.location.href = "market://details?id=包名"

} else if (device_type.indexOf('OPPO') > -1||device_type.indexOf('Oppo') > -1) {

window.location.href = "market://details?id=包名"

} else if (device_type.indexOf('vivo') > -1) {

window.location.href = "vivoMarket://details?id=包名"

} else if (device_type.indexOf('MI') > -1 || device_type.indexOf('Mi') > -1 ) {

// alert('xiaomi')

window.location.href = "mimarket://details?id=包名"

} else if (device_type.indexOf('baidu') > -1) {

window.location.href = "https://a.app.qq.com/o/simple.jsp?pkgname=包名"

} else if (device_type.indexOf('360') > -1) {

window.location.href = "intent://details?id=包名#Intent;package=包名;scheme=market;end;"

} else { ///其他安卓手机

window.location.href = "https://a.app.qq.com/o/simple.jsp?pkgname=包名"

}

vue h5点击跳转主流手机应用商店app下载页相关推荐

织梦手机软件应用app下载排行网站模板
简介: 一款简洁蓝色的手机软件应用app下载排行,app下载平台,手机app发布网站响应式织梦模板.主要有:主页.app列表页.app介绍详情页.新闻资讯列表.新闻详情页.关于我们等模块页面. 网盘下 ...
uni-app开发h5点击跳转到h5，微信小程序跳转到h5
<imageclass="tvcBu"@click="toUrl"mode="aspectFit"src="../../st ...
h5域名及微信快借贷款金融类APP下载链接域名在微信内显示已停止访问或无法打开的原因及解决方案
最近很多朋友在使用微信分享转发网页链接的时候,都很容易碰到链接在微信中无法打开的问题.通常这种情况微信会给个提示 "已停止访问该网址" ,那么导致这个情况的因素有哪些呢,主要有以下 ...
最新好看的自适应手机版软件APP下载类网站源码,游戏软件应用网站源码,自适应手机端Pbootcms模板
自适应手机软件APP下载类网站源码/游戏软件应用网站源码/自适应手机端 Pbootcms模板测试环境:Linux nginx1.18 PHP7.3 下载地址:自适应手机端软件APP下载网站源码 ...
android手机log文件工具,手机文件日志app下载-手机文件日志安卓版v1.0-PC6安卓网...
手机文件日志app是一款便捷好用的免费文件安全管理手机客户端软件,手机文件日志app支持在线创建不同模块的日志管理分类窗口,通过手机文件日志软件随时在线查看,便捷安全储存管理. 软件介绍手机文件日志 ...
手机便签APP下载安装
在每一个人的手机上应该都会有一款记录备忘事项的便签或者备忘录软件,现代人的生活节奏比较快,丢东忘西是一种常态,而借助手机上好用的备忘录或者便签APP则可以帮助大家将这些丢失的记忆整合起来,以防忘记. ...
exlive平台 linux,exlive平台下载-exlive手机查车app下载v3.0.9安卓版-西西软件下载
exlive手机查车app是一款为广大车主朋友们量身打造的一款手机应用软件,用户通过使用exlive平台可以随时随地保护自己爱车的安全,是一款非常不错的手机应用软件哦!有需要的朋友们欢迎前来下载使用哦 ...
安卓手机tiktok怎么下载_安卓手机清理大师官方下载-安卓手机清理大师app下载v1.1.0 安卓版...
安卓手机清理大师app是一款超棒的垃圾清理工具.快速的优化你的手机,自动帮助你进行杀毒,各种文件app进行专业清理,完美电池管理,还有丰富的各种红包福利领取! 安卓手机清理大师官方应用介绍集手机清理 ...
2021 HTML点击跳转对应手机应用（邮箱、手机、微信、QQ）
前言实践源于需求,一个前端需求,需求如下: 前端网页有三种联系方式,邮箱,手机号,微信, 怎么实现手机上在网页上点击该文字进行相应的跳转如: 点击邮箱号跳转到邮箱应用点击手机号跳转到拨号应用点 ...

vue h5点击跳转主流手机应用商店app下载页

vue h5点击跳转主流手机应用商店app下载页相关推荐

最新文章

热门文章