在web中判断是否有app，没有则跳转，包括读取a标签参数，获取后台数据

最新推荐文章于 2022-10-27 14:46:07 发布
最新推荐文章于 2022-10-27 14:46:07 发布
阅读量688 收藏
点赞数 1
文章标签： web app js打开app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27318177/article/details/77001687
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <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"/>

    <meta name='apple-itunes-app' content='app-id=477927812'>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>下载春桃医生</title>
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-2.1.4.js"></script>
    <script src="js/jquery-weui.js"></script>
</head>
<body>
<div class="weui_de">
    <div class="content" id="docone">
        <div class="content_text">
            <h3 class="weui_wecliam">注册  春桃医生</h3>
            <p class="weui_d_fa">来自于好友"<span class="patient">艾力托马斯</span>"的推荐</p>
        </div>
        <div class="content_texts">
            <div class="weui-cells weui-cells_form">
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">请输入手机号: </label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" pattern="[0-9]*" placeholder="" id="recordPhone" value="18323215661">
                    </div>
                </div>
            </div>
            <p class="lodingtext">输入手机号与推荐人自动成为好友,手机号仅用于登录</p>
            <span class="weui-agree">
                <input id="weuiAgree" type="checkbox" class="weui-agree__checkbox" οnclick="checkeds();" checked>
                <span class="weui-agree__text">
                    阅读并同意<a href="agreement.html">《新用户注册协议》</a>
                    </span>
            </span>
        </div>
        <div class="downlode">
            <div class="weui-flex">
                <div class="weui-flex__item weui_fl_margin">
                    <a href="javascript:;" class="weui-btn weui-btn_primary weui_btn_back_dow openApp" data-id="doctorbtn" id="doctorbtn" οnclick="sendMessageDOCTOR();">
                        <img src="images/a_1.png" alt="" width="22px" height="19px">&nbsp;&nbsp;
                        下载医生端
                    </a>
                </div>
            </div>
            <div class="weui-flex">
                <div class="weui-flex__item weui_fl_margin">
                    <a href="javascript:;" class="weui-btn weui-btn_primary weui_btn_back_dow openApp" data-id="userbtn" id="userbtn" οnclick="sendMessageUSER();">
                        <img src="images/a_1.png" alt="" width="22px" height="19px">&nbsp;&nbsp;
                        下载用户端
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="weixin-tip">
    <p>
        <img src="images/2.png" alt="" class="imgopen">&nbsp;
    </p>
</div>
</body>
<script>

    //判断是否是微信
    $(window).on("load",function(){
        var winHeight = $(window).height();
        function is_weixin() {
            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                return true;
            } else {
                return false;
            }
        }
        var isWeixin = is_weixin();
        if(isWeixin){
            $(".weixin-tip").css("height",winHeight);
            $(".weixin-tip").show();
        }
    })

    //获取url链接中的参数
    var getParam = function(name){
        var search = document.location.search;
        var pattern = new RegExp("[?&]"+name+"\=([^&]+)", "g");
        var matcher = pattern.exec(search);
        var items = null;
        if(null != matcher){
            try{
                items = decodeURIComponent(decodeURIComponent(matcher[1]));
            }catch(e){
                try{
                    items = decodeURIComponent(matcher[1]);
                }catch(e){
                    items = matcher[1];
                }
            }
        }
        return items;
    };


    //checkbox是否选中
    function  checkeds() {
        if($("#weuiAgree").is(":checked")==true){
            $("#doctorbtn").attr("disabled",false);
            $("#doctorbtn").css({"background-color":"#ff7700"})
            $("#userbtn").attr("disabled",false);
            $("#userbtn").css({"background-color":"#ff7700"})
//            $('#userbtn').attr('onclick');
//            $('#doctorbtn').attr('onclick');
        }else{
            $("#doctorbtn").attr("disabled","disabled");
            $("#doctorbtn").css({"background-color":"#f1a05a"})
            $("#userbtn").attr("disabled","disabled");
            $("#userbtn").css({"background-color":"#f1a05a"})
//            $('#userbtn').removeAttr('onclick');
//            $('#doctorbtn').removeAttr('onclick');
        }
    }
    //获取推荐人
    var url=window.location.href;//设置或获取整个url为字符串
    //console.log(url);
    var refereesId=getParam('refereesId');
    if(url.indexOf('refereesId')<0){//判断otp是否存在
        $.alert("您访问的链接不正确，请重新访问！");
    }else{
        $.ajax({
            type: 'GET',
            url: '/api/v1s1/commonly/refereesName',
            dataType: 'json',
            data: {
                "refereesId": refereesId,
                "refereesType": "d"
            },
            success: function (data) {
                if(data.code=="OK"){
                    $(".patient").text(data.body.name);
                }
                // console.log(data.body);
            },
            error: function (data) {
                // console.log(data);
            }
        })
    }
    //用户下载链接
    var user='http://down.chuntaoyisheng.com/file/v1.0.0/patient-release.apk';

    //医生下载链接
    var doctor='http://down.chuntaoyisheng.com/file/v1.0.0/doctor-release.apk';

    //打开医生端（安卓，ios）
    var url=window.location.href;
    //下载医生端
    function sendMessageDOCTOR() {
        if (navigator.userAgent.match(/(iPhone|iPod|iPad)/i)) {
            var href= "ctDoctorIos://zhaolingling/?wangzhao="+url;
            var client=$("#doctorbtn").data("id");
            var ios='http://itunes.apple.com/cn/app/id1214191498?mt=8';
        } else if (navigator.userAgent.match(/android/i)) {
            var href= "wanglangzh://zhaolinglingwl/?wangzhao="+url;
        }
        sendMessage(doctor,href,client,ios);
        $("#"+client).attr("href",href);
    }
    //下载用户端
    function sendMessageUSER() {
        if (navigator.userAgent.match(/(iPhone|iPod|iPad)/i)) {
            var href= "ctUserIos://zhaolingling/?wangzhao="+url;
            var client=$("#userbtn").data("id");
            var ios='https://itunes.apple.com/cn/app/id1214194117?mt=8';
        } else if (navigator.userAgent.match(/android/i)) {
            var href= "wanglangzhp://zhaolingling/?wangzhao="+url;
        }
        sendMessage(user,href,client,ios);
        $("#"+client).attr("href",href);
    }
    //获取手机
    function sendMessage(download,href,client,ios){
        var recordPhone = $("#recordPhone").val().trim();
        var refereesId=getParam('refereesId');
        var referralId=getParam('referralId');
        var tell=/^1(3|4|5|7|8)\d{9}$/;
        if(!recordPhone){
            $.alert("请输入手机号码");
            return false;
        }else if(!tell.test(recordPhone)){
            $.alert("请输入正确的手机号码！");
            return false;
        }else {
            $.ajax({
                type:'POST',
                url:'/api/v1s1/commonly/relRecord',
                dataType:'json',
                contentType:"application/json",
                data:JSON.stringify({
                    'recordPhone':recordPhone,
                    'refereesId':refereesId,
                    'referralId':referralId
                }),
                success:function (obj) {
                    if(obj.code=="OK"){
                        openclient(download,href,client,ios);
                    }
                },
                error:function (data) {
                    $.alert(data.message);
                }
            })
        }
    }

    //打开春桃医生用户端
    var ua = navigator.userAgent.toLowerCase();
    var t;
    var url=window.location.href;
    var config = {
        /*scheme:必须*/
        scheme_IOS: "ctDoctorIos://zhaolingling/?wangzhao="+url,
        scheme_Adr: "wanglangzh://zhaolinglingwl/?wangzhao=="+url,
         download_url:'http://down.chuntaoyisheng.com/file/v1.0.0/patient-release.apk',
//        download_url:download,
        timeout: 600
    };
    function openclient(obj,scheme,client,ios) {
        var url=window.location.href;
        var schemeUrl = "wanglangzh://zhaolinglingwl/?wangzhao="+url;
        if (navigator.userAgent.match(/(iPhone|iPod|iPad)/i)) {
            var href=scheme;
//            $("#"+client).attr("href",href);
//            $("#"+client).trigger("click");
            window.location=href;
            var loadDateTime = new Date();
            window.setTimeout(function() {
                var timeOutDateTime = new Date();
                if (timeOutDateTime - loadDateTime < 5000) {
                    window.location = ios;//ios下载地址
                } else {
                    window.close();
                }
            },250);


        } else if (navigator.userAgent.match(/android/i)) {
            var href=scheme;
            $("#"+client).attr("href",href);
            var startTime = Date.now();

            var ifr = document.createElement('iframe');

//        ifr.src = ua.indexOf('os') > 0 ? scheme : config.scheme_Adr;
            ifr.src=scheme;
//            $.alert(scheme);
            ifr.style.display = 'none';
            document.body.appendChild(ifr);

            var t = setTimeout(function() {
                var endTime = Date.now();

                if (!startTime || endTime - startTime < config.timeout + 200) {
//                window.location = config.download_url;
                    window.location=obj;
//                    $.alert("你暂未下载春桃医生端App！")
                } else {

                }
            }, config.timeout);
        }


        window.onblur = function() {
            clearTimeout(t);
        }
    }
    //打开春桃医生用户端
</script>
</html>
汤玉鹏
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
点击微信内网页a标签直接跳转打开淘宝APP的方法实例
08-28
主要给大家介绍了关于如何实现点击微信内网页a标签直接跳转打开淘宝APP的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
android Web跳转到app指定页面并传递参数实例
08-19
主要介绍了android Web跳转到app指定页面并传递参数实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
HTML 之 ＜a＞标签（超链接标签）
m0_64431500的博客
10-27 1万+
a> 标签定义超链接，用于从一个页面链接到另一个页面。
微信小程序之小试牛刀
朗朗上口就行啦的博客
05-26 420
1、介绍 1.1、个人用户信息 如图所示， 获取当前用户信息， 手机号， 此用户提交到云数据库的内容的删除和查看，以openid为唯一标识索引 默认状态为未登录，授权登录以后保存登录信息 在登陆时获取的openid其实调用云函数就可以读取到，但是还是用传统方式尝试做了一下 1.2、小程序的界面控件使用 主要有 常见的label、button、 所在地区使用省市区的picker， 费用使用的是普通的picker 学生姓名的添加删除使用动态渲染wx:for 签字使用canva.
微信、QQ浏览器X5内核问题汇总
weixin_30273763的博客
09-29 2681
一、资料汇总1、前端H5调起QQ浏览器的总结：http://km.oa.com/group/22486/articles/show/210189?kmref=search2、AndroidWebView常见问题及解决方案汇总：http://blog.csdn.net/t12x3456/article/details/137697313、前端福利：Inspector调试WebViewhttp:/...
微信小程序勾选协议与提交按钮联动
少爷、的博客
02-16 6182
在一些小程序的开发中有时会实现，未勾选相关协议，提交按钮是禁用状态，勾选相关协议，提交按钮变成可用状态。如下图所示： 主要用到开发文档按钮组件的一个属性； 代码： wxml： <!--相关协议--> <checkbox-group bindchange="bindAgreeChange"> <label class="weui-agree" for...
Android判断当前App是在前台还是在后台
09-01
主要为大家详细介绍了Android判断当前App是在前台还是在后台的方法，感兴趣的小伙伴们可以参考一下
JS实现点击网页判断是否安装app并打开否则跳转app store
01-19
常常有这样的场景，咱们开发出来的APP需要进行推广，比如在页面顶部来一张大Banner图片，亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接（App Store中的）。所以咱们来模拟一下用户的操作步骤： 1、...
web页面判断是否安装某app，从web启动app应用
胡杰的专栏
12-19 8925
web页面判断是否安装某app，从web启动app应用 web页面判断手机里是否安转应用的原理就是：首先试着打开手机端某个app的本地协议；如果超时就转到app下载页，下载该app。 URL scheme 的作用 客户端应用可以向操作系统注册一个 URL scheme，该 scheme 用于从浏览器或其他应用中启动本应用。通过指定的 URL 字段，可以让应用在被调起后直接打开某些特定
web页面判断是否安装某app，并判断是否打开该应用
码农的小世界博客
07-20 1万+
web页面判断手机里是否安转应用的原理就是：首先试着打开手机端某个app的本地协议；如果超时就转到app下载页，下载该app。 下面说说 URL scheme 概述 URL scheme 的作用 客户端应用可以向操作系统注册一个 URL scheme，该 scheme 用于从浏览器或其他应用中启动本应用。通过指定的 URL 字段，可以让应用在被调起后直接打开某些特定页面，
weui学习总结——1、weui表单常用标签
zhengyikuangge的博客
08-28 1万+
weui是一个专门用于开发手机移动web或微信的样式库。但是官方只提供了demo没有提供相关文档，所以这篇博客就当是方便以后开发而使用吧。按钮效果图如下:普通按钮<a class="weui-btn weui-btn_primary">普通按钮</a>刷新按钮<a class="weui-btn weui-btn_primary weui-btn_loading"><i class="weui-lo
datatables增加跳转至指定页功能（参考）
透明大脑
11-11 9722
var mytable = $('#datatables');     mytable.dataTable( {         "sDom": "r>t>",         "sPaginationType": "bootstrap",                   "bProcessing": true,         "bServ
手机浏览器下判断是否安装某app，并判断是否打开该应用
pjk1129专栏
04-10 3万+
今天在做前端输出的时候，需要和app的做些对接工作。就是在手机浏览器中下载某app时，能判断该用户是否安装了该应用。如果安装了该应用，就直接打开该应用；如果没有安装该应用，就下载该应用。那么下面就对在浏览器中，用js判断某用户是否安装了该应用，并判断是否打开该应用做个简单的介绍。 那么，怎么判断某用户是否安装了某应用呢？ 在这里，先写段html代码，如下： head>
js判断是否安装app，安装打开app
侞婼冇罪
08-22 3788
Title document.addEventListener('DOMContentLoaded', function () { document.querySelector('.downlink').addEventListener('click', function () { var loadDateTime
js判断移动端是否安装某款app的方法
热门推荐
EastRiseJi的博客
03-01 7万+
这篇文章主要介绍了js判断移动端是否安装某款app的多种方法，感兴趣的小伙伴们可以参考一下
APP有获取安装apk权限，但是APP在安装apk时候会进行判断，所以没有权限风险
最新发布
06-09
如果应用程序请求获取安装 APK 权限，但是在安装 APK 时会进行判断，那么可以认为该应用程序的权限请求没有风险。 在这种情况下，应用程序请求获取安装 APK 权限，但是应用程序在实际使用过程中进行了安全判断，确保只能安装来自可信来源的 APK 文件。因此，即使应用程序请求获取安装 APK 权限，也不会导致安全风险。 不过，在进行安全测试时，还是需要仔细分析应用程序的代码和安装 APK 的逻辑，并结合应用程序的其他权限和功能进行综合评估，以确保应用程序的安全性。如果存在其他安全风险，应该及时修复。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值