判断当前设备是ios还是安卓

function isIOS() { // ios终端return !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
}
function isAndroid() { // android终端return navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1;
}

跳转默认应用商店

if(!this.isApp && !this.isIos) { // androidwindow.location.replace(`mimarket://details?id=com.xxx.xxx`)
}else if(!this.isApp && this.isIos){ // ioswindow.location.replace(`itms-appss://apps.apple.com/cn/app/id0000000000`)
}

常见机型应用市场跳转方式

const huaweiChal="appmarket://details?id=<PackageName>"; // 华为
const vivoChal="vivoMarket://details?id=<PackageName>"; // vivo
const qqChal="tmast://appdetails?pname=<PackageName>"; // 应用宝  直接下载
const qqChal="tmast://appdetails?pname=<PackageName>"; // 应用宝  直接下载
const baiduChal="http://market.android.com/details?id=<PackageName>"; // 百度 搜狗 网页
const jinliChal="http://m.appgionee.com/marketdetail?id=<PackageName>"; // 金立 网页
const xiaomiChal="mimarket://details?id=<PackageName>"; // 小米
const lenovoChal="http://market.lenovomm.com/details?id=<PackageName>"; // 联想
const anzhiChal="anzhimarket://details?id=<PackageName>"; // 安智市场
const meizuChal="mstore://details?package_name=<PackageName>"; // 魅族
const samsungChal = `samsungapps://ProductDetail/${packageName}`; // 三星

常见应用商店包名

//小米应用商店
const PACKAGE_MI_MARKET = "com.xiaomi.market";
const MI_MARKET_PAGE = "com.xiaomi.market.ui.AppDetailActivity";
//魅族应用商店
const PACKAGE_MEIZU_MARKET = "com.meizu.mstore";
const MEIZU_MARKET_PAGE = "com.meizu.flyme.appcenter.activitys.AppMainActivity";
//VIVO应用商店
const PACKAGE_VIVO_MARKET = "com.bbk.appstore";
const VIVO_MARKET_PAGE = "com.bbk.appstore.ui.AppStoreTabActivity";
//OPPO应用商店
const PACKAGE_OPPO_MARKET = "com.oppo.market";
const OPPO_MARKET_PAGE = "a.a.a.aoz";
//华为应用商店
const PACKAGE_HUAWEI_MARKET = "com.huawei.appmarket";
const HUAWEI_MARKET_PAGE = "com.huawei.appmarket.service.externalapi.view.ThirdApiActivity";
//ZTE应用商店
const PACKAGE_ZTE_MARKET = "zte.com.market";
const ZTE_MARKET_PAGE = "zte.com.market.view.zte.drain.ZtDrainTrafficActivity";
//360手机助手
const PACKAGE_360_MARKET = "com.qihoo.appstore";
const PACKAGE_360_PAGE = "com.qihoo.appstore.distribute.SearchDistributionActivity";
//酷市场 -- 酷安网
const PACKAGE_COOL_MARKET = "com.coolapk.market";
const COOL_MARKET_PAGE = "com.coolapk.market.activity.AppViewActivity";
//应用宝
const PACKAGE_TENCENT_MARKET = "com.tencent.android.qqdownloader";
const TENCENT_MARKET_PAGE = "com.tencent.pangu.link.LinkProxyActivity";
//PP助手
const PACKAGE_ALI_MARKET = "com.pp.assistant";
const ALI_MARKET_PAGE = "com.pp.assistant.activity.MainActivity";
//豌豆荚
const PACKAGE_WANDOUJIA_MARKET = "com.wandoujia.phoenix2";
// 低版本可能是 com.wandoujia.jupiter.activity.DetailActivity
const WANDOUJIA_MARKET_PAGE = "com.pp.assistant.activity.PPMainActivity";
//UCWEB
const PACKAGE_UCWEB_MARKET = "com.UCMobile";
const UCWEB_MARKET_PAGE = "com.pp.assistant.activity.PPMainActivity";

跳转应用商店：

goAppStore() {let ua = navigator.userAgent;let isAndroid = ua.indexOf("Android") > -1 || ua.indexOf("Linux") > -1; //android终端let isIOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端let hidden = window.document.hidden || window.document.mozHidden || window.document.msHidden || window.document.webkitHidden;if (typeof hidden === undefined || hidden === false) {if (isAndroid) {// 跳转 安卓应用市场地址} else if (isIOS) {// 跳转 app store 地址}}
},

注：微信禁止直接打开APP 这个功能，建议跳转到应用宝。

判断是否是微信

function isWeixin(){ return /MicroMessenger|WeXin|WeChat/g.test(navigator.userAgent)
}

拓展阅读：

H5获取手机设备信息、app版本信息、ip地址

【笔记】H5跳转手机应用商店（指定应用页/第三方应用商店）相关推荐

微信跳转手机默认浏览器打开指定HTML链接微信点击链接直接下载安装包实现方式及源码
需求:微信跳转手机默认浏览器打开指定HTML链接微信点击链接直接下载安装包原因:在微信内不允许直接下载apk 这里有一个解决方案,直接上关键代码 <!doctype html> < ...
怎样实现微信打开网址后自动调用手机自带默认浏览器或提示选择浏览器，微信跳转手机浏览器打开指定页面
最近遇到一个需求.朋友找我制作一个在微信中的聊天框,或者公众号菜单发布一条链接或者二维码,. 跳出微信打开一个指定的我们自己的页面,拿到这个需求后我们团队分开去找资料研究方案,通过微信的开发文档 .腾 ...
艾媒：第三方应用商店形成BAT3争霸格局
iiMedia Research(艾媒咨询)近日发布的<2016Q2中国移动应用商店市场监测报告>,报告显示,2016年第二季度,第三方移动应用商店用户增长放缓,用户规模逐渐饱和.同时,随 ...
巅峰抢购助手pc_豌豆荚、91助手宣布暂停部分服务！第三方应用商店为何式微？...
豌豆荚.91助手暂停部分服务第三方应用商店随着国产智能手机的发展而兴盛的,可在国产手机真正壮大之后,第三方应用商店却掉队了. 2月20日,豌豆荚团队发布了一则公告,宣称由于业务调整,豌豆荚PC版将从 ...
微信打开链接可以实现微信跳转手机浏览器，实现微信下载APP或者打开指定链接。
当我们在微信内分享链接或二维码的时候,我们会发现我们的网站是可以在浏览器里正常打开的,但就是不能在微信里打开,提示 " 已停止访问该网页 ",无论是聊天框也一样.说是系统检测到您的 ...
H5跳转APP，如果当前设备没有安装该APP，跳转去应用商店下载
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.使用步骤总结前言 H5跳转APP,如果当前设备没有安装该APP,跳转去应用商店下载提示:以下是本篇文章正文内 ...
Android 通过短信(H5)跳转到App指定页面
最近公司为了增加用户活跃度,新增了许多活动,要求从多种方式可以跳转到App的指定页面.比如闪屏页.首页弹框.首页banner.webView.极光推送消息点击跳转以及通过短信跳转到App. 对此,我们 ...
h5跳转app指定页面及各种坑的总结
11.29更新项目中对微信内的处理方案及一些坑 12.3更新ios9后url scheme的坑及最终解决方案最近遇到一个需求:如果用户安装了app,则跳app:如果用户没安装app,则跳app下载链 ...
Android--（三星手机）webview嵌套H5，点击H5按钮跳转手机拍照，横屏拍照导致失败或崩溃问题
Android--(三星手机)webview嵌套H5,点击H5按钮跳转手机拍照,横屏拍照导致失败或崩溃问题(完美解决) 最近在改一个需求,用的是第三方公司的一个H5链接(Udesk公司),发现WebV ...

【笔记】H5跳转手机应用商店（指定应用页/第三方应用商店）

文章目录

判断当前设备是ios还是安卓

跳转默认应用商店

常见机型应用市场跳转方式

常见应用商店包名

判断是否是微信

【笔记】H5跳转手机应用商店（指定应用页/第三方应用商店）相关推荐

最新文章

热门文章