‘壹’ 手机浏览器页面如何打开手机app
手机浏览器页面这个是无法在同时打开手机APP的，要想打开手机APP必须关闭浏览器，在重新打开APP。
‘贰’ H5网页在浏览器中唤起app，怎么实现
H5不能直接唤起其他APP。
只能是其他APP主动获取你的跳转地址或是剪贴板地址后自动打开。
如果你用的浏览器提供关联启动接口的话，可以调用浏览器的接口。
‘叁’ 微信内H5网页打开app
官方文档： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#22
Vue中使用：
https://blog.csdn.net/qq_35537652/article/details/110368520?utm_medium=distribute.pc_relevant.none-task-blog-js_title-0&spm=1001.2101.3001.4242
https://blog.csdn.net/jane900/article/details/107410321
用于页面中提供一个可跳转指定App的按钮。
此功能仅开放给 已认证的服务号 ，服务号绑定“JS接口安全域名”下的网页可使用此标签跳转满足一定条件的App。在使用该标签之前，首先需要前往 微信开放平台 的 管理中心-公众账号或小程序详情-接口信息-网页跳转移动应用-关联设置 中绑定所需要跳转的App。详细配置规则参考文档 《微信内网页跳转APP功能》 。
备注：对于 extinfo 属性，用于携带额外信息，格式自定义，由跳转的App自⾏解析处理。对应iOS微信openSDK中的messageExt字段（LaunchFromWXReq.message.messageExt），或对应android微信openSDK中的messageExt字段（ShowMessageFromWX.Req.message.messageExt），详细参见文档 《App获取开放标签<wx-open-launch-app>中的extinfo数据》 。
备注： error 事件返回值 errMsg 说明如下。
‘肆’ h5怎么打开app
用xinstall工具，支持h5、网页、短信、邮件等直接拉起app，非常好用的工具。欢迎你采纳我的回答，给个大大的赞吧。有不明白的可以继续追问或者网络搜索
‘伍’ 如何通过html网页调用本地安卓app
一、通过html页面打开Android本地的app
1、首先在编写一个简单的html页面
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<a href="m://my.com/">打开app</a><br/>
</body>
</html>
2、在Android本地app的配置
在AndroidManifest的清单文件里的intent-filte中加入如下元素：
<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="my.com"
android:scheme="m" />
</intent-filter>
示例截图如下：
然后使用“手机浏览器”或者“webview”的方式打开这个本地的html网页，点击“打开APP”即可成功开启本地的指定的app二、如何通过这个方法获取网页带过来的数据只能打开就没什么意思了，最重要的是，我们要传递数据，那么怎么去传递数据呢？
我们可以使用上述的方法，把一些数据传给本地app，那么首先我们更改一下网页，代码修改后：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<a href="m://my.com/?arg0=0&arg1=1">打开app</a><br/>
</body>
</html>
（1）.假如你是通过浏览器打开这个网页的，那么获取数据的方式为：
Uri uri = getIntent().getData(); String test1= uri.getQueryParameter("arg0"); String test2= uri.getQueryParameter("arg1");
（2）如果使用webview访问该网页，获取数据的操作为：
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
Uri uri=Uri.parse(url);
if(uri.getScheme().equals("m")&&uri.getHost().equals("my.com")){
String arg0=uri.getQueryParameter("arg0");
String arg1=uri.getQueryParameter("arg1");
}else{
view.loadUrl(url);
}
return true;
}
});
‘陆’ 如何在HTML网页中调起APP
对于app打开而言最常规的打开就是通过url scheme的方式去打开你的app，如下的
myapp://
myapp://open
myapp://type=1&id=2sdeo223lwe
这些抛出都是以url的方式进行抛出，app捕捉到这些抛出去做相应的处理，本文对app的处理不做详细描述，app开发请自行谷歌网络。对于前端而言抛出的方式也有很多，而最理想的方式是通过iframe的src对其进行链抛出，来！说的在多都没有代码来的清晰，请看下面。
//实际上就是新建一个iframe的生成器
varcreateIframe=(function(){
variframe;
returnfunction(){
if(iframe){
returniframe;
}else{
iframe=document.createElement('iframe');
iframe.style.display='none';
document.body.appendChild(iframe);
returniframe;
}
}
})()
之后我们还需要一个url scheme:
//生成一个urlscheme,假设我们约定的scheme是myApp://type=1&id=iewo212j32这种形式的
varbaseScheme="myApp://"
varcreateScheme=function(options){
varurlScheme=baseScheme;
for(variteminoptions){
urlScheme=urlScheme+item+'='+encodeURIComponent(options[item])+"&";
}
urlScheme=urlScheme.substring(0,urlScheme.length-1);
returnencodeURIComponent(urlScheme);
}
这种scheme形式的其实不是最好的,根据我们踩过的坑，觉得约定为与http协议相近可能更好一些，具体的协议需要前端人员自己去和app端人员约定。
ok万事具备，iframe有了，urlScheme也有了，该去打开app了
varopenApp=function(){
varlocalUrl=createScheme();
varopenIframe=createIframe();
if(isIos()){
//判断是否是ios,具体的判断函数自行网络
window.location.href=localUrl;
varloadDateTime=Date.now();
setTimeout(function(){
vartimeOutDateTime=Date.now();
if(timeOutDateTime-loadDateTime<1000){
window.location.href="你的下载页面";
}
},25);
}elseif(isAndroid()){
//判断是否是android，具体的判断函数自行网络
if(isChrome()){
//chrome浏览器用iframe打不开得直接去打开，算一个坑
window.location.href=localUrl;
}else{
//抛出你的scheme
openIframe.src=localUrl;
}
setTimeout(function(){
window.location.href="你的下载页面";
},500);
}else{
//主要是给winphone的用户准备的,实际都没测过，现在winphone不好找啊
openIframe.src=localUrl;
setTimeout(function(){
window.location.href="你的下载页面";
},500);
}
}以上就是你要打开scheme的主要代码了，好吧，实际上不只是打开app，还要实现未打开的时候跳到下载页去。其中安卓实际上无论有没有打开都会跳到下载页去，而ios........好吧!按照网上的说法是浏览器失焦后会挂起脚本，呵呵，这是多老的ios版本的表现了，实际上现在的ios已经没有这么做，有些版本会跟安卓的表现一样，而有些则是直接跳转根本不会去打开，还有打开的时候那个恶心的系统弹窗是什么鬼。好吧，实际上至此你会发现，ios9.0以上的有些打不开直接跳，有些打得开还会有允许弹窗，而微信则是无论如何都打不开，实际上微信会在他的浏览器里拦截掉所有未经其允许的scheme包括app store。
转自：《怎么在网页中打开你的app》@AlfredMou -- segmentfault