zoukankan      html  css  js  c++  java
  • 微信在浏览器打开前的提示页面Android与IOS判断

    直接在网上扒一个页面,分分钟搞定!  先看一下效果

    这是用微信开发工具打开的样式,直接上完整代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <title>忆游APP下载</title>
    </head>
    <body>
        <style type="text/css">
        *{margin:0; padding:0;}
        img{max-width: 100%; height: auto;}
        .test{height: 600px; max-width: 600px; font-size: 40px;}
        </style>
        
        <script type="text/javascript">
            var img = 'android.png';
            function is_weixin() {
                var ua = navigator.userAgent.toLowerCase();
                if(ua.indexOf('iphone') > -1){
                        img = 'iphone.png';
                }else{
                        img = 'android.png';
                }
                if (ua.match(/MicroMessenger/i) == "micromessenger") {
                    return true;
                } else {
                    return false;
                }
            }
            var isWeixin = is_weixin();
            var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
    
            function loadHtml(){
                var div = document.createElement('div');
                div.id = 'weixin-tip';
                div.innerHTML = '<p><img src="'+ img +'" alt="微信打开"/></p>';
                document.body.appendChild(div);
            }
            
            function loadStyleText(cssText) {
                var style = document.createElement('style');
                style.rel = 'stylesheet';
                style.type = 'text/css';
                try {
                    style.appendChild(document.createTextNode(cssText));
                } catch (e) {
                    style.styleSheet.cssText = cssText; //ie9以下
                }
                var head=document.getElementsByTagName("head")[0]; //head标签之间加上style样式
                head.appendChild(style); 
            }
            var cssText = "#weixin-tip{position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80);  100%; height:100%; z-index: 100;} #weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}";
            if(isWeixin){
                loadHtml();
                loadStyleText(cssText);
            }else{
                    window.location.href="http://static.youliaoar.com/operation/yiyou/aryiyou1.1.0.apk";
            }
        </script>
    </body>
    </html>
  • 相关阅读:
    如何检查项目的需求是否完整
    Linux环境 Java内存快速查看
    字符串拼接性能比较出乎意料的结果
    MySQL 查看表大小
    五大机器学习微信公众号推荐
    如何用PYTHON代码写出音乐
    【转载】机器学习如门概览
    机器学习PAI为你自动写歌词,妈妈再也不用担心我的freestyle了(提供数据、代码)
    【转载】程序猿转型AI必须知道的几件事!
    如何拿到阿里算法校招offer
  • 原文地址:https://www.cnblogs.com/duanyue/p/7382602.html
Copyright © 2011-2022 走看看