进入微信后提示用浏览器打开

た入场券 2021-11-23 09:56 362阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYXdlbnlpMTIzNA_size_16_color_FFFFFF_t_70]

<style type="text/css">
        *{
            margin:0; 
            padding:0;
        }
        a{
            text-decoration: none;
        }
        img{
            max-width: 100%; 
            height: auto;
        }
        .weixin-tip{
            display: none; 
            position: fixed; 
            left:0; 
            top:0; 
            bottom:0; 
            background: rgba(0,0,0,0.8); 
            filter:alpha(opacity=80);  
            height: 100%; 
            width: 100%; 
            z-index: 100;
        }
        .weixin-tip p{
            text-align: center; 
            margin-top: 10%; 
            padding:0 5%;
        }
    </style>

<div class="weixin-tip">
        <p>
            <img src="live_weixin.png" alt="微信打开"/>
        </p>
    </div>

<script type="text/javascript">
        $(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();
            }
        })
    </script>

引入jq搞定

1.官网jquery压缩版引用地址:

3.1.1版本:

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

3.0.0版本:

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>

2.1.4版本:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

2.百度压缩版引用地址:

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>

3.微软压缩版引用地址:

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYXdlbnlpMTIzNA_size_16_color_FFFFFF_t_70]: /images/20211122/c983479d47414457a8a2c6b6464f8002.png

发表评论取消回复

表情：

评论列表（有 0 条评论，362人围观）

还没有评论，来说两句吧...

相关阅读

相关 app下载微信扫码打开提示用户用浏览器打开

1：介绍将打包好的apk文件部署到服务器，把下载页面的URL通过草料二维码或根据url代码生成一个二维码，由于微信对apk文件经行了屏蔽，所以需要提示用户微信内无法下

布满荆棘的人生/ 2022年11月26日 01:46/ 0 赞/ 314 阅读

相关【JS】最简单的域名防红方法,QQ/微信打开网站提示浏览器打开

将下面代码复制到网页中 <script> // 跳转提示 if (is_weixn_qq()) {; window.location.href

缺乏、安全感/ 2022年09月03日 15:27/ 0 赞/ 130 阅读

相关阻止微信浏览器/QQ浏览器弹框“在浏览器打开”

阻止微信浏览器/QQ浏览器弹框“在浏览器打开” 相信许多移动端工程师对下面这张图中出现的东西记忆深刻： ![这里写图片描述][SouthEast] 微信浏览器和Q

客官°小女子只卖身不卖艺/ 2022年06月17日 07:40/ 0 赞/ 670 阅读

相关微信打开网址添加在浏览器中打开提示遮罩

使用微信打开网址时，无法在微信内打开常用下载软件，手机APP等。解决方案：弹出一个遮罩提示用户在新的浏览器窗口打开。使用的是纯JS+HTML+CSS结合的方式，

我就是我/ 2022年06月13日 02:06/ 0 赞/ 454 阅读

相关浏览器打开微信里的连接

登录微信网页版 https://wx2.qq.com/，然后发送一个连接到微信聊天窗口里，点击连接打开就可以了 ![SouthEast][] [SouthEast

我会带着你远行/ 2022年05月31日 02:12/ 0 赞/ 164 阅读

相关微信内部浏览器打开网页时提示外部浏览器打开升级版

微信中下载app共有两种实现方式，然而安卓手机跟苹果手机还尽然不同。 1、苹果用户打开后要么自动调起App Store下载（前提是你的应用在苹果商店上架了）；要么

刺骨的言语ヽ痛彻心扉/ 2022年01月12日 14:15/ 0 赞/ 436 阅读

相关微信浏览器不支持下载怎么解决设置微信中链接用手机浏览器打开

在我们做营销活动或推广宣传的时候，容易遇到域名被封，无法跳转app下载等情况。这时需要微信跳转外部浏览器打开页面的功能，对于微信默认可以通过：点击右上角的三点,点击“在浏览器中

小咪咪/ 2022年01月06日 16:49/ 0 赞/ 1258 阅读

相关微信内部浏览器打开网页时提示外部浏览器打开遮罩升级版

上半年公司有一个新的APP项目上线，我们在项目首页做个二维码，然后用户用手机扫一扫就能下载了。但是很多用户反映扫一扫之后下载不了，了解之后才知道这些用户都是使用的微信的扫一扫，

客官°小女子只卖身不卖艺/ 2021年12月23日 07:07/ 0 赞/ 654 阅读

相关进入微信后提示用浏览器打开

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

た入场券/ 2021年11月23日 09:56/ 0 赞/ 363 阅读

相关 js判断是否在微信浏览器中打开

js function is_weixn(){ var ua = navigator.userAgent.toLowerCase();

古城微笑少年丶/ 2021年10月01日 07:54/ 0 赞/ 377 阅读