原创投稿
广告
广告
广告 广告 广告 广告
广告
广告 国内BGP机房32G内存299元 网站收录排名问题解决 【超牛】搜外友链平台 站长在线扒站工具【免费】 【免费】站长开发工具箱 【推荐】站长自动外链工具 广告位联系QQ：253000106 独立服务器100M/不限/免备 2核2G服务器新用户低至68元/年 虚拟资源平台,轻松变现 10000来路IP只需8元 站群系统程序-专注SEO站群 黑帽SEO论坛_黑帽聚集地 企业HTTP代理IP服务提供商 软文推广，在线获客【定制】 站群服务器99元起 SEO免费工具分享 外推代发包收录 【国内国际】短信推广，免费测试 实力产品收量 外链代发 5分一条 快速排名 █一解决“收录、排名”问题一█ ●●●优质搜狗泛收录域名●●● AI数字人直播系统源码 百度SEO排名7-15天上首页
  1. 创想鸟首页
  2. 站长之家
  3. 编程技术

通过手机浏览器打开APP或者跳转到下载页面的实现

PHP中文网 • • 编程技术 • 阅读 2

通过手机浏览器打开APP或者跳转到下载页面

以下仅展示最简单的例子及关键代码
由于硬件条件有限，仅测试了 android 下的情况

添加 schemes

在 HBuilder 创建的移动 APP 项目下有 manifest.json 文件，在里面添加 schemes，schemes 中的值你喜欢设置成什么就什么吧。
通过手机浏览器打开APP或者跳转到下载页面的实现

网页设置

这个时候，你需要一个简单 web 系统，能提供一个简单的 web 页面供手机浏览器访问。
这个做过 Java 的人都懂，不详说了。

nbsp;html>文档标题    
        打开APP            
        //<![CDATA[    function open_or_download_app() {        var device = document.getElementById("device");        if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {            device.innerHTML = "ios设备";            // 判断useragent，当前设备为ios设备            var loadDateTime = new Date();        　　// 设置时间阈值，在规定时间里面没有打开对应App的话，直接去App store进行下载。            window.setTimeout(function() {                var timeOutDateTime = new Date();                if (timeOutDateTime - loadDateTime <2200) {                    window.location = "xxxxxxxx";  // APP下载地址                } else {                    window.close();                }            },2000);             window.location = "apptest://apptest";　　//ios端URL Schema        } else if (navigator.userAgent.match(/android/i)) {            device.innerHTML = "Android设备";            // 判断useragent，当前设备为Android设备            // 判断useragent，当前设备为ios设备            var loadDateTime = new Date();        　　// 设置时间阈值，在规定时间里面没有打开对应App的话，直接去App store进行下载。            window.setTimeout(function() {                var timeOutDateTime = new Date();                if (timeOutDateTime - loadDateTime             

登录后复制

Android 的 URL Schema 写成 “你设置的Schema://你设置的Schema” 即可访问。IOS 的和这个不同。URL Schema 的详解自行百度，你会有更深的理解。
根据参考，即使在后台打开了 APP，JS 仍会执行一段时间，大概是 600 – 1000 毫秒，所以至少也要设置定时调度大于 1 秒，这样比较有保证。

window.setTimeout(function() {},2000);  // 需要设置大一点，才有效果，否则会始终执行

登录后复制

接下来就可以打包 APP 安装到手机上进行测试，也可以删掉 APP，对比两次的结果。

IOS 的有条件再补上

以上就是通过手机浏览器打开APP或者跳转到下载页面的实现的详细内容，更多请关注【创想鸟】其它相关文章！

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。

发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2909490.html

赞 (0)
0 0

关于作者

PHP中文网的头像

PHP中文网签约作者

479.1K 文章
0 评论
1 粉丝
php中文网提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精通，一站式php自学平台！
上一篇 2025年3月11日 04:22:13
下一篇 2025年3月8日 09:29:12

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 用CSS hack技术解决浏览器兼容性问题

    什么是CSS Hack？ 　　不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。 …

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月11日
    200

  • 关于CSS3中选择符的实例详解

    英文原文： www.456bereastreet.com/archive/200601/css_3_selectors_explained/中文翻译： www.dudo.org/article.asp?id=197注：本文写于2006年1月…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月11日
    200

  • 阐述什么是CSS3？

    网页制作Webjx文章简介：CSS3不是新事物，更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里，已经准备好了首次登场，呷着咖啡，等着浏览器来铺上红地毯。            CSS3不是新事物，更不是只是围绕b…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月11日
    200
  • 实例详解css3编写浏览器渐变背景色的方法 编程技术

    实例详解css3编写浏览器渐变背景色的方法

    本文主要介绍了css3编写浏览器背景渐变背景色的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。 效果如下： 知识点：rgb全色循环算法，HEX与RGB颜色转换算法、CSS3颜色渐变，CS…

    PHP中文网的头像 PHP中文网
    2025年3月11日
    200
  • css3实现浏览器背景渐变方法代码 编程技术

    css3实现浏览器背景渐变方法代码

    本文主要和大家介绍介绍了css3编写浏览器背景渐变背景色的方法，我们会和大家分享这种渐变色背景实现的代码，希望能帮助到大家。 效果如下： 知识点：rgb全色循环算法，HEX与RGB颜色转换算法、CSS3颜色渐变，CSS3渐变色兼容ie方法，…

    PHP中文网的头像 PHP中文网
    2025年3月10日
    200
  • CSS怎么处理浏览器的默认样式 编程技术

    CSS怎么处理浏览器的默认样式

    这次给大家带来CSS怎么处理浏览器的默认样式，CSS处理浏览器的默认样式注意事项有哪些，下面就是实战案例，一起来看一下。 发现 最近在调整网页的格式发现网页底部总是有一个10像素左右的空格。 通过用Chrome流浪器的审查元素发现有一个叫u…

    PHP中文网的头像 PHP中文网
    2025年3月10日
    200

  • 如何设置css在firefox及IE6中的最小高度

    这篇文章主要介绍了关于如何设置css在firefox及ie6中的最小高度，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 在网页布局中会遇到css在firefox及IE6中最小高度设置问题，本文将提供解决方法，需要了解的朋友可…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月10日
    200

  • 关于jQuery浏览器CSS3特写兼容的介绍

    这篇文章主要介绍了jquery浏览器css3特写兼容的方法,实例分析了jquery兼容浏览器的使用技巧,需要的朋友可以参考下 本文实例讲述了jQuery浏览器CSS3特写兼容的方法。分享给大家供大家参考。具体分析如下： CSS3充分吸收多年…

    PHP中文网的头像 PHP中文网
    编程技术 2025年3月10日
    200

  • css如何解决不同浏览器下文本兼容的问题

    目标： css实现不同浏览器下兼容文本两端对齐。 在 form 表单的前端布局中，我们经常需要将文本框的提示文本两端对齐，例如： 解决过程： 立即学习“前端免费学习笔记（深入）”； 1、首先想到是能不能直接靠 css 解决问题 css .t…

    PHP中文网的头像 PHP中文网
    2025年3月10日 • 编程技术
    200
  • 如何利用css改变浏览器滚动条样式 编程技术

    如何利用css改变浏览器滚动条样式

    注意：该方法只适用于 -webkit- 内核浏览器 滚动条外观由两部分组成： 1、滚动条整体滑轨 2、滚动条滑轨内滑块 在CSS中滚动条由3部分组成 立即学习“前端免费学习笔记（深入）”； name::-webkit-scrollbar /…

    PHP中文网的头像 PHP中文网
    2025年3月10日
    200

发表回复

登录后才能评论

请登录

您还未登录，请登录后再进行相关操作！

登录 注册