首页 > 其他分享 >h5通过scheme地址唤起App或打开下载App的应用商店

h5通过scheme地址唤起App或打开下载App的应用商店

时间:2023-07-03 18:00:58浏览次数:50  
标签:商店 App h5 应用 跳转 scheme 下载

实现目标:可以在h5页面点击按钮唤起App,如果没有下载改App,则打开应用市场对应的APP的下载页面。

实现步骤2步:

  1.  将打开App按钮设置为<a>标签,href值设置为App的scheme地址。  

     <a href = 'scheme'  target = '_self'/>

  2.  同时开启定时器,3-5秒后跳转对应的应用商店(后面会说明为什么要延时并跳转到应用商店)

    window.setTimeout(()=> { 
        window.location.href = '应用商店的scheme地址'

    }, delay)

为什么要延时几秒并跳转到应用商店?
  因为使用跳转scheme地址的方式无法判断手机是否下载了App,同样也无法判断是否成功打开了App。
  那么就会出现两种情况:
  • 当下载了app时,可以成功跳转到App(有时会需要确认浏览器自动调起的确认跳转按钮才能跳转)。
  • 未下载时,跳转会失败,安卓的用户端表现是什么都不会发生,ios则会弹窗报错(可以忽视)。

      未下载时按照实现的目标则应该打开应用商店的app下载页面。所以为了处理未下载的情况,就无论是否下载了App,都在延时几秒后跳转到应用商店。

 

当然也可以有不同的用户交互方案以提升用户体验。比如进入页面就直接尝试进行打开app的逻辑,如果没有成功唤起则什么都不做。让用户自己去点击页面里的下载按钮,此时不需要延时了,而是直接打开应用商店。

标签:商店,App,h5,应用,跳转,scheme,下载
From: https://www.cnblogs.com/gongwenhao/p/17523524.html

相关文章

  • 微信小程序uniapp解决真机顶部自定义菜单显示(手机状态栏覆盖)
    1.在data里面加入参数statusBarHeight:uni.getSystemInfoSync().statusBarHeight,//状态栏高度2.对返回按钮处理<!--空出状态栏高度--><view:style="'height:'+statusBarHeight+'px;'"></view><!--返回按钮--><di......
  • APP性能测试工具 - PerfDog
    介绍安装及运行重要提示软件性能数据采集iOS平台Android平台Web性能数据管理数据陷阱介绍移动全平台iOS/Android性能测试、分析工具平台。快速定位分析性能问题,提升APP应用及游戏性能和品质。手机无需ROOT/越狱,手机硬件、游戏及应用APP也无需做任何修改,极简化即插即用。......
  • App自动化测试工具 - AirTest
    App自动化测试工具-AirTest本次专题分享的系列目标AriTest简介AirTest能做什么AirTest搭建方式AirTestIDE工具下载AirTestIDE安装步骤AirTestIDE布局AirTestIDE链接Android设备远程设备连接兼容模式AirTest图像框架API新建脚本类型选择区别:Tips:运行脚本查看报......
  • 移动应用加固:政务APP如何保障安全?
    作为一款服务国土调查和自然资源管理工作的一款手机App,是自然资源部自然资源调查监测司组织中国国土勘测规划院应用互联网+、云计算等技术,依托“三调”和年度国土变更调查工程开发的平台。分为管理版和专业版两个版本,其中,管理版面向自然资源系统内人员,专业版面向系统外专业技术队......
  • app之抓取https包的配置
    使用charles抓取HTTPS包安卓7以上,将证书安装在系统级别,才能抓https的包。安卓7以下,将证书安装在用户级别,就可以抓https的包。安卓7以下(模拟器)#1.打开模拟器,打开charles;#2.在charles中找到电脑的ip地址#3.在模拟器上找到设置,---->waln----->长按网络---->手动配置如下(......
  • 32. Spring Boot使用@SpringBootApplication注解【从零开始学Spring Boot】
     如果看了我之前的文章,这个节你就可以忽略了,这个是针对一些刚入门的选手存在的困惑进行写的一篇文章。很多SpringBoot开发者总是使用@Configuration,@EnableAutoConfiguration和@ComponentScan注解他们的main类。由于这些注解被如此频繁地一块使用(特别是你遵循以上最佳实践时),S......
  • 2023-07-03 uniapp小程序端报错:TypeError: eval is not a function
    完整报错:ErrorinonLoadhook:"TypeError:evalisnotafunction" onLoad钩子中的错误:“TypeError:eval不是函数”原因:代码里使用了eval函数,小程序端不支持该函数,h5端和app(Android)端支持。解决方案:小程序端采取替换eval方案。注意:eval函数被认为是不安全的函数,存在脚本代......
  • 2023-07-03 禁止uniapp之app端上下滑动出现的回弹效果:"app-plus": {"bounce": "none"}
    前言:uni项目打包到app(以Android为例)上运行,上下滑动页面的时候会出现一个半圆,这就是所谓的退弹,如需关闭可在pages.json文件中的globalStyle中添加一下代码即可:"app-plus":{"bounce":"none"}uniapp关于app-plus的更多配置可参考官网:https://uniapp.dcloud.net.cn/colloc......
  • flatpak appimage大小对比
    格式:单应用大小/加上依赖/安装后大小 flatpakAppImageaptgimp127.7MB/797.6MB/366MB164MB vscodium120MB/972MB/335MB82.2MB82.2MBblender383MB/410MB/1187.84MB209.64MB244MB对比了三款常用的桌面软件,看得出f......
  • 卸载Windows 预装App
    有些windows预装的App可能用不上,还会占开始菜单的位置。我卸载预装App的方法是使用Winget这个软件,在微软应用商店搜索Winget.注意不要把"截图和草图"卸载了,很多聊天软件的截屏就是调用的这个应用。安装好了打开一个管理员的Powershell。Wingetlistwingetuninstall--id<......