1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <script>
  7. document.addEventListener('DOMContentLoaded', function () {
  8. document.querySelector('.downlink').addEventListener('click', function () {
  9. var loadDateTime = new Date(),
  10. href = location.href,
  11. appInnerUrlPrefix = 'http://a.app.qq.com/o/simple.jsp?pkgname=',
  12. newHref = href.substring(href.indexOf('//') + 2)
  13. var isiOS = navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone') || navigator.userAgent.match(
  14. 'iPod'),
  15. isAndroid = navigator.userAgent
  16. .match('Android'),
  17. isDesktop = !isiOS && !isAndroid;
  18. if (isiOS) {
  19. newHref = appInnerUrlPrefix + "com.zhulogic.xita_home";
  20. } else if (isAndroid) {
  21. newHref = appInnerUrlPrefix + "com.zhulogic.xita_home&g_f=991653";
  22. } else {
  23. newHref = appInnerUrlPrefix + "com.zhulogic.xita_home&g_f=991653";
  24. }
  25. setTimeout(function () {
  26. console.log(newHref);
  27. var timeOutDateTime = new Date();
  28. if (!loadDateTime || timeOutDateTime - loadDateTime < 1210) {
  29. location.href = newHref;
  30. }
  31. }, 1200);
  32. location.href = 'zhulogic://';
  33. }, false)
  34. }, false)
  35. </script>
  36. </head>
  37. <body>
  38. <div class="downlink" style="background-color: red;height: 300px;width: 300px;">
  39. </div>
  40. </body>
  41. </html>

  • IOS8.3（都可以跳转到下载页）

    • safari可呼起APP
    • 手机百度可呼起APP
    • QQ不能呼起APP
    • QQ空间可呼起APP
    • 微信不能呼起APP

  • IOS9.2.1（都可以跳转到下载页）

    • safari可呼起APP，但在呼起之前会弹出提示，需要选择“open”之后才会呼起
    • 手机百度可呼起APP
    • QQ空间可呼起APP
    • QQ不能呼起APP
    • 微信不能呼起APP
    • 微博不能呼起APP
    • 知乎不能呼起APP

  • 魅族Android5.0.1（都可以跳转到下载页）

    • 原生浏览器不能呼起APP
    • QQ浏览器可呼起APP（但是会稍微延迟一会儿，时间可以接受）
    • Chrome可呼起APP
    • UC浏览器可呼起APP，但是在呼起之前会弹出提示，需要选择“仅本次允许”之后才会呼起
    • QQ可呼起APP
    • 微信可呼起APP（APP的呼起会晚于跳转到下载页）
    • 手机百度可呼起APP
    • 微博不能呼起APP

  • 三星Android4.4（都可以跳转到下载页）

    • 原生浏览器可呼起APP
    • QQ可呼起APP（打开了2次）
    • 微信不能呼起
    • 手机百度可呼起APP
    • QQ浏览器可呼起APP

js判断是否安装app，安装打开app的更多相关文章

  1. js判断移动端是否安装某款app的多种方法

    本文实例讲解了js判断移动端是否安装某款app的多种方法,分享给大家供大家参考,具体内容如下 第一种方法: 一:判断是那种设备 ? || u.indexOf(; //android终端或者uc浏览器 ...

  2. 一个JS判断客户端是否已安装某个字体(Only IE)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. js判断页面在pc端打开还是移动端打开

    js判断页面在pc端打开还是移动端打开,分别跳转不同的index.html window.addEventListener('load', function() { // true为手机,false为 ...

  4. js判断移动端是否安装某软软件，安装直接打开相应的链接，否则跳转到下载商店方法

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  5. JS判断手机端是否安装某应用

    方法一(网页上判断) if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {   var loadDateTime = new Date() ...

  6. js判断当前浏览器是否是源生app的webview

    有些时候,我们在开发过程中需要判断,当前页面被打开是否是处于源生的webview里面,或者NODEJS做服务器后端支持的时候,判断请求来源是否来至于源生webview里面被打开的页面请求GET/POS ...

  7. js 判断移动端是否安装应用

    var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > ...

  8. JS判断在哪一端浏览器打开

    <script src="js/jquery-2.2.3.min.js"></script> <script> var browser = { ...

  9. js判断浏览器在PC中打开还是移动设备中打开

    var browser = {                            versions: function () {                                va ...

  10. js判断页面从何种浏览器打开

    问题 有时项目需要根据不同的设备进行不同的处理,需要判断到底是哪种设备打开了项目. 移动端浏览器检测 移动终端浏览器版本信息: var browser = { versions: function ( ...

随机推荐

  1. codeforces 111C/112E Petya and Spiders

    题目: Petya and Spiders传送门: http://codeforces.com/problemset/problem/111/C http://codeforces.com/probl ...

  2. SVG开发包, 20 个有用的 SVG 工具，提供更好的图像处理

    20 个有用的 SVG 工具,提供更好的图像处理 SVG 现正在 Web 设计领域变得越发流行, 你可以使用 Illustrator 或者 Inkscape 来创建 SVG 图像. 但当进行 Web ...

  3. 杂项-网络-DNS-IP：8.8.8.8

    ylbtech-杂项-网络-DNS-IP:8.8.8.8 8.8.8.8是一个IP地址,是Google提供的免费DNS服务器的IP地址,Google提供的另外一个免费DNS服务器的IP地址是:8.8. ...

  4. zabbix真的很简单 (安装篇)

    系统环境: Centos 6.4 一直觉得 zabbix 很简单,但是还是有好多人看了好多文档都搞不明白怎么用,我从2013年使用到现在也小有心得,如果时间允许,很高兴与大家一起分享我在使用过程中的一 ...

  5. nginx 日志统计接口每个小时访问量

    指定时间段增量统计nginx日志不同接口的访问量: #!/bin/bash#此脚本用于统计nginx日志当前时间15分钟之内不同接口(URL)的访问量统计LOG=/usr/local/nginx/lo ...

  6. qq传文件测试用例设计

  7. 8条关于Web前端性能的优化建议

    一般网站优化都是优化后台,如接口的响应时间.SQL优化.后台代码性能优化.服务器优化等.高并发情况下,对前端web优化也是非常重要的. 下面说说几种常见的优化措施. 1.HTML CSS JS位置 一 ...

  8. Pycharm2019版官方版本激活码,无需破解

    AHD9079DKZ-eyJsaWNlbnNlSWQiOiJBSEQ5MDc5REtaIiwibGljZW5zZWVOYW1lIjoiSmV0IEdyb3VwcyIsImFzc2lnbmVlTmFtZ ...

  9. static的变量是放在哪里

    static的变量都放在数据段,但是初始值若为0则放在BSS节中.而初始值非零则放在数据节中. 数据节和BSS节都属于数据段.   顺便说说对象的存储,可分为三类:静态存储(static storag ...

  10. SVN 目录 定义

    1.项目名称定义: 项目自然序号_项目名称_负责人名称 例如:23_测试项目_An 2.项目目录定义: 01_Source 注:01_Source 中包含 代码 和 DB 设计 02_Document ...