码迷,mamicode.com
首页 > Web开发 > 详细

【HTTP】H5唤醒支付宝

时间:2019-12-31 18:56:49      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:start   for   break   oca   dev   log   top   art   doctype   

<!DOCTYPE html>
                <html>
                    <head>
                        <meta charset="utf-8" />
                        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
                        <title></title>
                        <style type="text/css">
                            body{
                                background: #009FE8;
                                min-height: 100vh;
                                font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
                            }
                            .main{
                                position: relative;
                                min-height: 100vh;
                                background: url(http://api.91518lm.com/eFatlrQCyUQVBoalzBPS.png) no-repeat top center;
                                background-size: 100% ;
                            }
                            .btnbox{
                                position: absolute;
                                top: 45%;
                                width: 100%;
                                text-align: center;
                            }
                            .btn{
                                width: 220px;
                                font-size: 18px;
                                font-weight: 500;
                                background: #fff;
                                color: #009FE8;
                                border: 0;
                                border-radius: 3px;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                padding: 10px;
                                margin-bottom: 15px;
                            }
                        </style>
                    </head>
                    <body>
                        <div class="main">
                            <div class="btnbox">
                                <button class="btn" onclick="isMobile()">去支付</button>
                                <button class="btn" onclick="returnUrl()">返回页面</button>
                                <p style="color: #fff;font-size: 14px;"> QQ浏览器不支持打开支付宝 <br /> 请使用其他浏览器</p>
                            </div>

                        </div>
                    </body>
                    <script>
                        window.location.href="alipays://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=https://www.cnblogs.com/xuxml"
                        function returnUrl(){
                            window.location.href="http://www.baidu.com"
                        }
                        function IsPC() {
                            var userAgentInfo = navigator.userAgent;
                            var Agents = ["Android", "iPhone",
                                        "SymbianOS", "Windows Phone",
                                        "iPad", "iPod"];
                            var flag = true;
                            for (var v = 0; v < Agents.length; v++) {
                                if (userAgentInfo.indexOf(Agents[v]) > 0) {
                                    flag = false;
                                    break;
                                }
                            }
                            return flag;
                        }

                        function isMobile(){
                            if(IsPC()){
                                alert("请在手机端,挑起支付");
                            }else{

                                window.location.href="alipays://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=https://www.cnblogs.com/xuxml"
                            }
                        }

                    </script>
                </html>

【HTTP】H5唤醒支付宝

标签:start   for   break   oca   dev   log   top   art   doctype   

原文地址:https://www.cnblogs.com/xuxml/p/12125716.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!