在浏览器中打开手机app

原创 2016年08月31日 10:57:00

在浏览器中打开手机APP 如果手机中没有安装则跳转到下载页面
其实不管用户有没有安装App 最终都会跳转到App下载页,因为判断不了用户是否安装App,只能是每次尝试去打开 不管成功或者失败都会到下载界面

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>打开手机app</title>
    <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">
</head>
<body>
<div>
    <a id="call_app" href="javascript:;" class="label">立即打开&gt;&gt;</a>
</div>

<script>

        var u = navigator.userAgent;
        //android终端
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
        //ios终端
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);


        var config = {
            /**scheme:必须*/
            scheme_IOS:'yuancios://',
            /** yuancandroid  这个必须全部小写*/
            scheme_Adr: 'yuancandroid://splash',
            download_url_ios: 'ios下载地址',
            download_url_adr: 'android下载地址',
            timeout: 600
        };

        var openApp = function () {
            //ios9不支持iframe 所以直接用href跳转,不过这种方式并不完美
            //ios 手机如果没有安装要打开的app 会弹窗提示链接无效 不太友好
            //不过苹果官方好像出了一个通用链接的方式处理 有需要的可以去百度一下这种实现方式

            //所以用两个定时器 而如果跳应用失败 会打开下载链接
            //reload 并不会打断 App Store 的跳转。
            if (isiOS) {
                location.href = config.scheme_IOS;
                setTimeout(function () {
                    location.href = config.download_url_ios;
                }, config.timeout + 900);
                setTimeout(function () {
                    location.reload();
                }, config.timeout + 1400);

            } else if (isAndroid) {

                //如果安卓有浏览器不支持iframe 可以判断浏览器类型然后用
                // window.location.href 直接跳转 这种方式处理
                var ifr = document.createElement('iframe');
                ifr.src =  config.scheme_Adr;
                ifr.style.display = 'none';
                document.body.appendChild(ifr);

                setTimeout(function () {
                    location.href = config.download_url_adr;
                }, config.timeout + 400);

            }
        };
        document.getElementById("call_app").addEventListener('click', openApp, false);


</script>

</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

在浏览器中打开手机app

在浏览器中打开手机APP 如果手机中没有安卓则跳转到下载页面 其实不管用户有没有安装App 最终都会跳转到App下载页,因为判断不了用户是否安装App,只能是每次尝试去打开 不管成功或者失败都会到下...

Andoriod 浏览器打开app

最近项目一个新需求: 从浏览器打开本地app,并打开指定商品详情界面 记录一下实现过程 前提:和前端约定好scheme 约束:前端代码: href="browserToClient//?id...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

Android 浏览器打开本地app

页面打开App function open_or_download_app() { if (navigat...

Android 实现浏览器打开app

我们经常看到当点击一个链接的时候,跳转到app,比如当我们在网页端浏览新闻的时候,要想查看更多评论等就会提示你跳转到app内打开查看,那是如何实现网页中打开app的呢?

浏览器链接打开App

要使得App可以通过浏览器链接打开,只需要在manifest里对相应Activity配置就可以了,具体配置如下: <manifest xmlns:android="http://schemas.and...

WebView浏览网页,在APP内打开不调用系统浏览器

package com.example.test; import android.app.Activity; import android.os.Bundle; import android.vie...

手机浏览器打开本机已安装应用

首先需要在应用中已经设置了scheme,IOS需在项目配置及页面配置中设置scheme,Android在清单文件中配置如下代码: <intent-filte

浏览器中吊起App

这是在百度经验里看到的一篇文章,感觉不错就转载了,非常感谢作者的分享。原文地址:点击打开链接 为了实现这个功能可折腾了我好久,先上一份代码,经楼主验证是绝对可以用的而且也比较清晰的代码!(ps:还是...

手机浏览器中的新鲜空气——即刻浏览器

现在市面上的手机浏览器数不胜数,UC、QQ、360、Chrome、海豚、百度等都通过不同的方式占领了一定市场份额,其他的基本上无法与上述几者抗衡,毕竟完全不是一个重量级别的。究其原因,就是上述几个产品...

类打开浏览器

运行主方法即可(注意 地址要换成你的项目地址)package cn.jbit.test;import java.lang.reflect.Method; /** * @author 任锯东 */ ...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)