<p><a href="xxx://app/question/95">点击跳转,直接回帖报名</a></p>
 /* global navigator, document, window */

 var UA = {
     App: navigator.userAgent.indexOf('naitangApp') >= 0,
     WeiXin: navigator.userAgent.indexOf('MicroMessenger') >= 0,
     Android: navigator.userAgent.indexOf('Android') >= 0,
     iPhone: navigator.userAgent.indexOf('iPhone') >= 0
 }
 var timeout
 function replaceSchema(href) {
     var schema = [
         ['xxx://app/question/', 'http://www.xxx.com/question/']
     ]
     var len = schema.length
     for (var i = 0; i < len; i += 1) {
         href = href.replace(schema[i][0], schema[i][1])
     }
     return href
 }
 document.querySelector('body').addEventListener('click', function(e) {
     var tg = (window.event) ? e.srcElement : e.target
     while (tg.nodeName.toUpperCase() !== 'BODY') {
         if (tg && tg.nodeName.toUpperCase() === 'A') {
             var href = tg.getAttribute('href')
             if (href.indexOf('naitang://') === 0) {
                 e.preventDefault()
                 if (UA.App) {
                     window.location.href = href
                 } else if (UA.WeiXin) {
                     window.location.href = 'http://a.app.qq.com/o/simple.jsp?pkgname=com.xxxxxx'
                 } else if (UA.Android) {
                     window.location.href = href
                     timeout = setTimeout(function() {
                         window.location.href = 'http://a.app.qq.com/o/simple.jsp?pkgname=com.xxxxxx'
                     }, 1000)
                 } else if (UA.iPhone) {
                     window.location.href = href
                     timeout = setTimeout(function() {
                         window.location.href = 'itms-apps://itunes.apple.com/cn/app/nai-tang/id00000000?mt=8'
                     }, 1000)
                 } else {
                     var pchref = tg.getAttribute('data-pc')
                     href = pchref ? pchref : replaceSchema(href)
                     window.location.href = href
                 }
             }
             break
         } else {
             tg = tg.parentNode
         }
     }
 }, false)
 function onVisibilityChanged() {
     var hidden = document.hidden || document.webkitHidden
     if (hidden && timeout) {
         window.clearTimeout(timeout)
     }
 }
 document.addEventListener('visibilitychange', onVisibilityChanged, false)

HTML5 唤起 APP的更多相关文章

  1. h5页面唤起app(iOS和Android),没有安装则跳转下载页面

    浏览器和app没有通信协议,所以h5不知道用户的手机释放安装了app.因此只能是h5去尝试唤起app,若不能唤起,引导用户去下载我们的app. 微信里屏蔽了 schema 协议,如果在微信中打开h5, ...

  2. Ionic – 强大的 HTML5 Mobile App 开发框架

    Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML.CSS 和 Javascript 构建接近原生体验的移动应用程序.Ionic 主要关注外观和体验, ...

  3. HTML5手机APP开发入(5)

    HTML5手机APP开发入(5) 回顾一下 HTML5手机APP开发入(4) 如何自定义Component,directive HTML5手机APP开发入(3) 如何实现MVC的代码重构,自定义一个P ...

  4. HTML5手机APP开发入(4)

    HTML5手机APP开发入(4) 课程内容 完成一个自定义的Component用来展现通讯录用户的明细信息如下图 http://bootsnipp.com/snippets/featured/prof ...

  5. HTML5手机APP开发入(3)

    HTML5手机APP开发入(3) 课程内容: 按照AngularJs MVC框架进行代码重构,新建一个DataService服务类使用SQLite插件实现储存对通讯录的本地存储. 涉及的知识点: An ...

  6. HTML5手机APP开发入门(2)

    HTML5手机APP开发入门(2) 课程内容 使用IonicFramework v2 + angular 2 完成一个简单的联系人列表的操作,有三个页面: ListPage,DetailPage,Ad ...

  7. HTML5手机APP开发入门(1)

    HTML5手机APP开发入门(1) 开发框架 Ionicframework V2 + Angular 2 具体内容可以参考一下网站 http://ionicframework.net/ http:// ...

  8. h5唤起APP并检查是否成功

    // 检查app是否打开 function checkOpen(cb) { const clickTime = +(new Date()); function check(elsTime) { if ...

  9. H5 唤起 APP的解决方案

    H5 页面唤起APP或跳转到下载APP的某个链接地址.总结如下: 在 IOS 中, 系统版本在 8 以下时,可以监听页面的 pagehide / visibilitychange 事件. 系统版本大于 ...

随机推荐

  1. python利用文件对话框获取文件路径

    一.单文件 python3: import tkinter as tk from tkinter import filedialog root = tk.Tk() root.withdraw() fi ...

  2. python request

    python request a. 客户端向服务端发送多层字典的值 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 obj =  ...

  3. 前端学习之jquery/下

    前端学习之jquery 一 属性操作 html(): console.log($("div").html()); $(".test").html("& ...

  4. Java-NIO(三):直接缓冲区与非直接缓冲区

    直接缓冲区与非直接缓冲区的概念: 1)非直接缓冲区:通过 static ByteBuffer allocate(int capacity) 创建的缓冲区,在JVM中内存中创建,在每次调用基础操作系统的 ...

  5. MongoDB 更新文档

    MongoDB 使用 update() 和 save() 方法来更新集合中的文档.接下来让我们详细来看下两个函数的应用及其区别. update() 方法 update() 方法用于更新已存在的文档.语 ...

  6. Collections、Arrays 简明

    Collections : 它的出现给集合操作提供了更多的功能.这个类不需要创建对象,内部提供的都是静态方法. 一般方法 Collections. sort (list); list 集合进行元素的自 ...

  7. 解析spring中的BeanFactory

    我们常把spring看作一个bean工厂或者ioc容器,它帮助我们负责对象的创建管理,以及对象间依赖关系的建立,还有其他的功能. 关于工厂的实现,一般来说与我们接触最多的就是BeanFactory和A ...

  8. 远程连接服务器jupyter notebook、浏览器以及深度学习可视化方法

    h1 { counter-reset: h2counter; } h2 { counter-reset: h3counter; } h3 { counter-reset: h4counter; } h ...

  9. 洞见世界(1): 拉勾网大数据告诉你, 会计最高月薪达33k!

    前言: 小李是个很有上进心的女孩, 老板让她了解下会计这个行业的薪资情况, 她不清楚怎么去做, 所以找了笔者, 当当当, 然后这一份薪资报告就出来了^_^.(小李为虚拟人物) by  璀璨者张健, 专 ...

  10. 一步一步学习Vue(十三)

    最近比较忙,忙着工作交接,忙着招人.忙着各种会,更新很少,这一篇也是作为本入门系列的最后一篇了,以后可能会写一些自己在前端这块的心得或者体会了,无关乎使用什么框架,可能就是原生的js.dom.编程模式 ...