H5链接打开APP并跳转到制定界面

手机如果安装了该应用，就直接打开该应用；如果没有安装该应用，就下载该应用。那么下面就对在浏览器中，用js判断某用户是否安装了该应用，并判断是否打开该应用做个简单的介绍。
那么，怎么判断某用户是否安装了某应用呢？

在这里，先写段js代码，如下：

<script>function isInstalled(){alert("11")var the_href="https://itunes.apple.com/us/app/%E7%99%BE%E7%BA%AC%E5%81%A5%E5%BA%B7-%E4%B8%93%E5%AE%B6%E9%97%AE%E8%AF%8A-%E5%81%A5%E5%BA%B7%E6%8A%A5%E5%91%8A%E8%A7%A3%E8%AF%BB-%E4%BD%93%E6%A3%80%E9%A2%84%E7%BA%A6/idxxxxxxxx?mt=x";//获得下载链接window.location.href="palmos://";//打开某手机上的某个app应用setTimeout(function(){window.location.href=the_href;//如果超时就跳转到app下载页},2000);
}isInstalled();
</script>

下面对这段js代码做一个简单的解析：首先试着打开手机端某个app的本地协议；如果超时就转到app下载页，下载该app。

"palmos://"是什么呢？它是在iOS客户端设置一个URL Scheme名字，示例设置的是：palmos 如图：

同时设置白名单：

此时URL Scheme和白名单设置完成就可以调起APP了。
打开Safari并输入：palmos://
如图1：

图2：

最后是跳转到制定界面设置：
在这设置：palmos://action/?param=1

//js
window.location.href="palmos://action/?param=1";//打开某手机上的某个app应用，传参数

APP启动回调实现

//OC
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
{NSLog(@"%@",url);//对url操作处理，并制定跳转实现部分//......//跳转实现部分//......return YES;
}

打印数据

...11:34:03.402228+0800 baiweijk4iphone[1661:958328] handle choose card
function:-[BWAppDelegate application:openURL:sourceApplication:annotation:] line:531 content:palmos://action/?param=1
//即：palmos://action/?param=1（打印数据）

H5链接打开APP并跳转到制定界面相关推荐

android点击按钮打开一个网页,Android实现H5点击打开app或跳转指定界面
Android实现H5点击打开app或跳转指定界面本文原创,转载请注明出处.欢迎关注我的简书. 安利一波我写的开发框架:MyScFrame喜欢的话就给个Star 场景 H5界面中的入口有时候为了 ...
H5静态页面跳转微信小程序；从外部浏览器，点击H5链接跳转打开微信小程序；以及在微信内直接点击H5链接打开微信小程序；
参考链接需求:从外部浏览器,点击H5链接跳转打开微信小程序:以及在微信内直接点击H5链接打开微信小程序: 步骤1: 小程序开发需要使用云开发创建项目,使用云开发生成的项目会自带云函数文件夹: 步骤2 ...
H5 跳转Flutter APP问题：在Flutter中解决H5能够打开APP并接收H5传递的参数
最近遇到了这个问题,其实这个问题在源生开发中算是一个很常见的问题.有很多场景都需要通过其他APP或者H5来打开APP并且有时候会携带参数. 所以在这里我说一下我的做法(大神勿喷,有更好的办法请评论区留 ...
ionic4 中使用 url scheme 插件点击链接打开app
ionic4 中使用 url scheme 插件点击链接打开app 接到个新的需求,需要通过url打开应用,Google了下找到了 ionic 可以使用的 url scheme 插件一.在使用前先 ...
使用MobLink点击链接打开app
现在的市场中使用链接打开app或者下载app的例子很多,比如某个商品的详情页下面有个横幅链接,点击后即跳转到app或者相应的下载地址. 使用MobLink很方便,但是一不注意就掉坑里了. 集成很简单, ...
iOS和Android手机浏览器链接打开app store或应用市场下载软件
iOS和Android手机浏览器链接打开app store或应用市场下载软件 1.Android主流手机跳转链接 // androidId 如:com.xxx.app// oppo oppomarke ...
微信 PC 端h5页面打开的内置浏览器开发者工具界面
困境项目开发的h5页面需要在微信端支持转发.分享功能,以及企业微信授权等相关权限功能,h5页面功能开发可以直接在Chrome浏览器的移动端模式开发,但是涉及微信权限时的一些功能,则需要在微信和企业微 ...
短信或者邮件链接打开 APP（URL Scheme）
最近项目用到了点击分享的短信或者是邮件中的URL直接跳转到APP中,如果APP未安装,直接跳转到AppStore下载页面.下面进入正题实现方式就是通过设置APP的URL Scheme,那么如何设置呢 ...
Android App links 链接打开app功能
1.深链接Deep link(URI SCHEME协议) 深链接即我们通常说的scheme跳转,需要我们在清单文件中对activity添加intent-fillter,并定义scheme(包括但不限于 ...

H5链接打开APP并跳转到制定界面

H5链接打开APP并跳转到制定界面相关推荐

最新文章

热门文章