前端:移动端H5页面中唤醒打开App

简介: 前端:移动端H5页面中唤醒打开App

H5页面中唤醒app,版本问题可能导致不生效,只能说端太多,水太深

URL Scheme

1、新建一个隐藏的 iframe ,地址指向需要打开的url

// 在ios支持不好
var iframe = document.createElement('iframe');
iframe.style.display = 'none';
iframe.src = url;
document.body.appendChild(iframe);

2、使用 window.location 或者 window.location.href 刷新当前页面

window.location.href = url;
• 1

3、新建一个隐藏的 a 标签,地址指向打开的url,并触发打开链接事件

var a = document.createElement('a');
a.style.display = 'none';
a.href = url;
document.body.appendChild(a);
a.click();

以上方法是只是解决了在已安装App设备唤醒App的功能,并不能判断是否已安装App,没有安装即跳转至下载链接。

参考方案:

https://www.npmjs.com/package/callapp-lib

相关文章
|
Android开发 iOS开发
微信网页唤醒app的方法
微信网页唤醒app的方法
659 0
|
移动开发 前端开发 iOS开发
前端:移动端H5页面中唤醒打开App
前端:移动端H5页面中唤醒打开App
296 0
|
新零售 移动开发 监控
H5唤醒App:一步直达App核心页面
深度链接的出现能实现Web广告直接到达商品,App不再是独立的个体平台,移动应用开发者可以再现网页端的流畅度,消除用户体验的摩擦。这种自由跳转节省了用户的操作成本,缩短了从页面广告到App内容的转化路径,能有效刺激用户增长,从而唤醒低迷的APP日活,也为移动营销市场开辟一个全新的局面
2629 0
|
新零售 Java Android开发
DeepLink唤醒App的简单实现方法
目前大多数App都能得到巧用。如:电商类App直达购物商品页面、游戏类App直达分享游戏房间、资讯类App直达对应新闻页面等,具体可以结合自身的App业务进行拓展。
3638 0
|
2月前
|
缓存 移动开发 JavaScript
如何优化UniApp开发的App的启动速度?
如何优化UniApp开发的App的启动速度?
458 139
|
2月前
|
移动开发 JavaScript weex
UniApp开发的App在启动速度方面有哪些优势和劣势?
UniApp开发的App在启动速度方面有哪些优势和劣势?
318 137
|
2月前
|
数据采集 JavaScript 前端开发
开发比分App?你缺的不是程序员
开发体育比分App,关键不在代码,而在懂体育、懂数据、懂用户。明确定位、理清需求、选好数据源,再找专业的产品、数据与技术人才协同,才能少走弯路。程序员最后入场,效率最高。
222 154
|
3月前
|
移动开发 小程序 Android开发
基于 uni-app 开发的废品回收类多端应用功能与界面说明
本文将对一款基于 uni-app 开发的废品回收类多端应用,从多端支持范围、核心功能模块及部分界面展示进行客观说明,相关资源信息也将一并呈现。
146 0
|
2月前
|
移动开发 前端开发 Android开发
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
272 12
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡

热门文章

最新文章