前端页面嵌入二维码，微信扫出现"请点击右上角，选择"在浏览器中打开"的解决方法

最新推荐文章于 2024-10-17 13:40:23 发布

烽火戏诸侯-弱水三千

最新推荐文章于 2024-10-17 13:40:23 发布

阅读量1.9w

点赞数 10

CC 4.0 BY-SA版权

分类专栏：个人分享

本文链接：https://blog.youkuaiyun.com/weixin_44465584/article/details/90518099

现在手机微信上扫码比较多，但是微信内置的浏览器相对而言会有拦截，会提醒用户 " “请点击右上角，选择"在浏览器中打开” "打开的字样，但具体怎么实现，之前查过网上给的代码，但基本给的不是很全，但是不知道怎么去实现这个效果，今天在这里给大家说明一下怎么实现，首先要在微信扫的时候出现字样，就得先判断是否是在微信内置浏览器，在进行下一步判断。我们先可以设计一下网页的样式，我参照了一个网页来做的，里面的内容基本和其他差不多，是那种比较简洁那种，直接看代码吧：
html代码：

 <div class="template-2  template-wrap">
        <div class="t-bg-2"></div>
        <div class="container">
            <div class="content">
                <div class="template-common">
                    <div class="t-icon">
                        <img src="这里面可填写相对路径，可填写服务器端路径">
                    </div>
                    <div class="t-name">
                        <div class="tit">这里填写apk的名字</div>
                        <div class="name-info pc-pwd">
                            <span>填写apk的版本号</span>
                            <span>填写apk的大小</span>
                        </div>
                    </div>
                    <div class="template-btn-wrap">
                        <a href="填写apk的下载链接地址"
                        link="填写apk的下载链接地址"
                        class="ms-btn template-btn clearfix pc-pwd down_load">
                            <span clsss="f1">下载安装</span>