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

时间：2025-03-19 14:09:34

文章目录

  • 判断当前设备是ios还是安卓
  • 跳转默认应用商店
  • 常见机型应用市场跳转方式
  • 常见应用商店包名
  • 判断是否是微信

判断当前设备是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) { // android
	window.location.replace(`mimarket://details?id=`)
}else if(!this.isApp && this.isIos){ // ios
	window.location.replace(`itms-appss:///cn/app/id0000000000`)
}

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

  • 华为：appmarket://details?id=<PackageName>
  • vivo:：vivoMarket://details?id=<PackageName>
  • 应用宝 直接下载：tmast://appdetails?pname=<PackageName>
  • 百度 搜狗 网页：/details?id=<PackageName>
  • 金立 网页：/marketdetail?id=<PackageName>
  • 小米：mimarket://details?id=<PackageName>
  • 联想：/details?id=<PackageName>
  • 安智市场：anzhimarket://details?id=<PackageName>
  • 魅族：mstore://details?package_name=<PackageName>
  • 三星：samsungapps://ProductDetail/${packageName} 
const huaweiChal="appmarket://details?id=<PackageName>"; // 华为
const vivoChal="vivoMarket://details?id=<PackageName>"; // vivo
const qqChal="tmast://appdetails?pname=<PackageName>"; // 应用宝  直接下载
const baiduChal="/details?id=<PackageName>"; // 百度 搜狗 网页
const jinliChal="/marketdetail?id=<PackageName>"; // 金立 网页
const xiaomiChal="mimarket://details?id=<PackageName>"; // 小米
const lenovoChal="/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 = "";
const MI_MARKET_PAGE = "";
  • 魅族应用商店
const PACKAGE_MEIZU_MARKET = "";
const MEIZU_MARKET_PAGE = "";
  • VIVO应用商店
const PACKAGE_VIVO_MARKET = "";
const VIVO_MARKET_PAGE = "";
  • OPPO应用商店
const PACKAGE_OPPO_MARKET = "";
const OPPO_MARKET_PAGE = "";
  • 华为应用商店
const PACKAGE_HUAWEI_MARKET = "";
const HUAWEI_MARKET_PAGE = "";
  • ZTE应用商店
const PACKAGE_ZTE_MARKET = "";
const ZTE_MARKET_PAGE = "";
  • 360手机助手
const PACKAGE_360_MARKET = "";
const PACKAGE_360_PAGE = "";
  • 酷市场 – 酷安网
const PACKAGE_COOL_MARKET = "";
const COOL_MARKET_PAGE = "";
  • 应用宝
const PACKAGE_TENCENT_MARKET = "";
const TENCENT_MARKET_PAGE = "";
  • PP助手
const PACKAGE_ALI_MARKET = "";
const ALI_MARKET_PAGE = "";
// 低版本可能是
  • 豌豆荚
const PACKAGE_WANDOUJIA_MARKET = ".phoenix2";
// 低版本可能是 

//UCWEB
const PACKAGE_UCWEB_MARKET = "";

跳转应用商店：

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地址

相关文章