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

html通过javascript页面调起APP

admin5年前 (2019-03-20)HTML806

前几天瞎折腾搞了一个影视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

相关文章

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

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

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

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

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

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

动态罗盘时钟

动态罗盘时钟

原生抖音罗盘时钟代码分享 罗盘文字时钟软件非常火 文字时钟本站给大家分享这款就是通过原生j来s实现的文字时钟源码,有喜欢的朋友可以下载哦下载链接: https:...

简洁的个人图文博客HTML模板

简洁的个人图文博客HTML模板

一款轻量级简洁响应式的图文生活记录个人博客模板。它是理想的旅游,生活方式,食品,时尚,最小,或摄影博客和更多的相关网站。包含了所有必需的ui布局元素。下载链接:...

登录注册html源码

登录注册html源码

登录注册下载链接: https://pan.baidu.com/s/1zi2D0qhHiSgwYHiK5r0otw   提取码: r81y...

jQuery bootstraps响应式游戏类网站模板

jQuery bootstraps响应式游戏类网站模板

炫酷的jQuery bootstraps响应式游戏类网站模板链接: https://pan.baidu.com/s/1UF6W_kZ_DQml1qf-uQiEg...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。
X 要酷!乐于助人,网络是一个神奇的地方,玩得愉快,击掌