作者：xiaozhao | 来源：互联网 | 2023-07-16 14:42
篇首语：本文由编程笔记#小编为大家整理，主要介绍了js通过浏览器直接打开应用程序（IOS，Android）标签：androidios相关的知识，希望对你有一定的参考价值。
篇首语：本文由编程笔记#小编为大家整理，主要介绍了js 通过浏览器直接打开应用程序（IOS，Android） 标签： androidios相关的知识，希望对你有一定的参考价值。
实现效果
如下图所示，在手机浏览器中访问京东的手机版网站(m.jd.com)，顶部会有一个广告图，点击这个广告图，如果手机上已经安装了京东App，则直接打开，如果没有安装，则开始下载。
实现方式
1.为android应用的启动Activity设置一个Schema，如下：
<data android:host="splash" android:scheme="cundong"/>
2.用户点击浏览器中的链接时，在动态创建一个不可见的iframe，并且让这个iframe去加载步骤1中的Schema，如下：
var ifr = document.createElement(‘iframe‘);
ifr.src="cundong://splash"
3，如果在指定的时间内没有跳转成功，则当前页跳转到apk的下载地址（或下载页），如下：
window.location = download_url;
html代码
<html>
<head>
<meta http-equiv="Content-Type" cOntent="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" cOntent="yes">
<meta name="apple-mobile-web-app-status-bar-style" cOntent="black"/>
<title>this‘s a demotitle>
<meta id="viewport" name="viewport" cOntent=">
head>
<body>
<div>
<a id="J-call-app" href="Javascript:;" class="label">立即打开>>a>
<input id="J-download-app" type="hidden" name="storeurl" value="http://m.chanyouji.cn/apk/chanyouji-2.2.0.apk">
div>
<script>
(function(){
var ua = navigator.userAgent.toLowerCase();
var t;
var cOnfig= {
AndroidMainfext.xml
<activity
android:name=".activity.LauncherActivity"
android:cOnfigChanges="orientation|keyboardHidden|navigation|screenSize"
android:label="@string/app_name"
android:screenOrientation="portrait" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
intent-filter>
<intent-filter>
<action android:name="android.intent.action.VIEW" />
<category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.BROWSABLE" />
<data android:host="splash" android:scheme="cundong" />
intent-filter>
activity>
京公网安备 11010802041100号