当前位置:首页 > 技术博客 > HTML > html通过javascript页面调起APP

html通过javascript页面调起APP

6年前 (2019-03-20)HTML1014

前几天瞎折腾搞了一个影视APP,用网站封装打包的。
弄完之后在我网站里加一个打开APP的按钮,但是并没有实现。

后来百度了一下,答案真的是花里胡哨啊,作为一个前端开发者完全不懂他们说的什么协议什么权限问题。

后来经过我反复搜索终于摸索到一点头绪,下面就把完整的代码分享给有用的人(暂时支持安卓系统,iso还没研究,毕竟ios门槛太高)


核心思路:点击按钮挑起APP,如果2秒内没有任何响应就跳转app下载页



注意:代码里的第一个软件的命名是自己随意写的,命名只能是英文,我为了方便你们理解就写成了中文
前者是软件名,后者是app的下载地址
testApp('m://软件的命名','/app/down.html')

<script type="text/javascript">
        function testApp(url1,url2) {

  var timeout, t = 500, hasApp = true;

  setTimeout(function () {
    if (hasApp) {
    } else {
      if (!document.hidden) {
        window.location.href=url2;
      }
      console.log(window.location.href);
    }

  }, 2000)

  var t1 = Date.now();
  var ifr = document.createElement("iframe");
  ifr.setAttribute('src', url1);
  ifr.setAttribute('style', 'display:none');
  document.body.appendChild(ifr);
  timeout = setTimeout(function () {
    var t2 = Date.now();
    if (t2 - t1 < t + 100 ) {
      hasApp = false;
    }
  }, t);
  }</script>

然后在APP的AndroidManifest.xml文件启动activity下面加入一下代码

注意:软件的命名必须和你按钮上的命名一致,否则无效,命名只能是英文,我为了方便你们理解就写成了中文

<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:scheme="m" android:host="软件的命名" />
</intent-filter>


版权声明:本文由 LzxBlog 发布,如需转载请注明出处。

本文链接:https://www.liuzhixi.cn/html/16.html

标签: HTMLJavaScript

相关文章

html5的inputType

html5的inputType

属性值说明email限制用户输入的内容必须是Email类型url限制用户输入的内容必须是url类型date限制用户输入的内容必须是日期类型time限制用户输入的...

html强制将http请求转变为https请求

html强制将http请求转变为https请求

基础没打好就会老出现不该出现的问题<meta http-equiv="Content-Security-Policy"&nb...

卡片式的登录注册表单ui布局

卡片式的登录注册表单ui布局

js css3制作登录/注册框表单动画切换,卡片式的登录和注册表单上下滑动切换布局特效。 下载...

html5小型音乐播放器音频播放代码

html5小型音乐播放器音频播放代码

html5 css3制作网页音乐盒播放器ui布局,支持mp3多首歌曲切换,带标题和进度条拖动音频播放代码。下载链接: https://pan.baidu.com...

web设计互联网公司网站模板

web设计互联网公司网站模板

一款现代化创意的多用途网页设计公司网站HTML模板。使用bootstrap构建,响应式布局。它适用于所有网络代理机构,网页设计公司,网页设计师,数字营销或任何类...

简洁的牙科整形医院官网HTML5模板

简洁的牙科整形医院官网HTML5模板

一款绿色简约风格的牙科诊所,牙齿整形医院网站响应式模板。使用bootstrap框架搭建,您可以很容易地定制修改这套模板。下载链接: https://pan.ba...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。