判斷當(dāng)前設(shè)備是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; 
}

跳轉(zhuǎn)默認(rèn)應(yīng)用商店

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

常見(jiàn)機(jī)型應(yīng)用市場(chǎng)跳轉(zhuǎn)方式

• 華為：appmarket://details?id=<PackageName>
• vivo:：vivoMarket://details?id=<PackageName>
• 應(yīng)用寶 直接下載：tmast://appdetails?pname=<PackageName>
• 百度 搜狗 網(wǎng)頁(yè)：http://market.android.com/details?id=<PackageName>
• 金立 網(wǎng)頁(yè)：http://m.appgionee.com/marketdetail?id=<PackageName>
• 小米：mimarket://details?id=<PackageName>
• 聯(lián)想：http://market.lenovomm.com/details?id=<PackageName>
• 安智市場(chǎng)：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>"; // 應(yīng)用寶  直接下載
const baiduChal="http://market.android.com/details?id=<PackageName>"; // 百度 搜狗 網(wǎng)頁(yè)
const jinliChal="http://m.appgionee.com/marketdetail?id=<PackageName>"; // 金立 網(wǎng)頁(yè)
const xiaomiChal="mimarket://details?id=<PackageName>"; // 小米
const lenovoChal="http://market.lenovomm.com/details?id=<PackageName>"; // 聯(lián)想
const anzhiChal="anzhimarket://details?id=<PackageName>"; // 安智市場(chǎng)
const meizuChal="mstore://details?package_name=<PackageName>"; // 魅族
const samsungChal = `samsungapps://ProductDetail/${packageName}`; // 三星

常見(jiàn)應(yīng)用商店包名

• 小米應(yīng)用商店

const PACKAGE_MI_MARKET = "com.xiaomi.market";
const MI_MARKET_PAGE = "com.xiaomi.market.ui.AppDetailActivity";

• 魅族應(yīng)用商店

const PACKAGE_MEIZU_MARKET = "com.meizu.mstore";
const MEIZU_MARKET_PAGE = "com.meizu.flyme.appcenter.activitys.AppMainActivity";

• VIVO應(yīng)用商店

const PACKAGE_VIVO_MARKET = "com.bbk.appstore";
const VIVO_MARKET_PAGE = "com.bbk.appstore.ui.AppStoreTabActivity";

• OPPO應(yīng)用商店

const PACKAGE_OPPO_MARKET = "com.oppo.market";
const OPPO_MARKET_PAGE = "a.a.a.aoz";

• 華為應(yīng)用商店

const PACKAGE_HUAWEI_MARKET = "com.huawei.appmarket";
const HUAWEI_MARKET_PAGE = "com.huawei.appmarket.service.externalapi.view.ThirdApiActivity";

• ZTE應(yīng)用商店

const PACKAGE_ZTE_MARKET = "zte.com.market";
const ZTE_MARKET_PAGE = "zte.com.market.view.zte.drain.ZtDrainTrafficActivity";

• 360手機(jī)助手

const PACKAGE_360_MARKET = "com.qihoo.appstore";
const PACKAGE_360_PAGE = "com.qihoo.appstore.distribute.SearchDistributionActivity";

• 酷市場(chǎng) – 酷安網(wǎng)

const PACKAGE_COOL_MARKET = "com.coolapk.market";
const COOL_MARKET_PAGE = "com.coolapk.market.activity.AppViewActivity";

• 應(yīng)用寶

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";
// 低版本可能是 com.pp.assistant.activity.PPMainActivity

• 豌豆莢

const PACKAGE_WANDOUJIA_MARKET = "com.wandoujia.phoenix2";
// 低版本可能是 com.wandoujia.jupiter.activity.DetailActivity

//UCWEB
const PACKAGE_UCWEB_MARKET = "com.UCMobile";

跳轉(zhuǎn)應(yīng)用商店：

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) {
			// 跳轉(zhuǎn) 安卓應(yīng)用市場(chǎng)地址
		} else if (isIOS) {
			// 跳轉(zhuǎn) app store 地址
		}
	}
},

注：微信禁止直接打開(kāi)APP 這個(gè)功能，建議跳轉(zhuǎn)到應(yīng)用寶。

判斷是否是微信

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

拓展閱讀：文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-519899.html

• H5獲取手機(jī)設(shè)備信息、app版本信息、ip地址

到了這里，關(guān)于【筆記】H5跳轉(zhuǎn)手機(jī)應(yīng)用商店（指定應(yīng)用頁(yè)/第三方應(yīng)用商店）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！