精华内容
下载资源
问答
  • 微信扫描二维码提示在浏览器中打开
  • 微信中提示在浏览器中打开

    千次阅读 2019-09-29 04:56:38
    使用微信打开网址时,...直接判断微信的ua,如果是微信内置浏览器中打开,弹出一个遮罩提示用户在浏览器中打开下载,并且不加关闭的按钮。这样子用户就只能在浏览器中打开,并且可以直接下载应用了。 css代码...

    使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等。网上流传的各种微信打开下载链接,微信一更新基本失效。大家常用的方法是,弹出一个遮罩提示用户在新的浏览器窗口打开,再也不用管微信如何的更新。

    直接判断微信的ua,如果是在微信内置浏览器中打开,弹出一个遮罩提示用户在浏览器中打开下载,并且不加关闭的按钮。这样子用户就只能在浏览器中打开,并且可以直接下载应用了。

    css代码

    <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>

     

    HTML 代码

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

     

    JS代码

    <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>

     

    有个herl工具,是可以在微信中自动打开手机浏览器下载APP。

      1、herl工具网址:http://www.fishtool.cn

      2、填写下载的apk的地址,或者下载页链接

      3、点击一键生成,会自动生成二维码和一个链接地址(两个是同一个地址,根据你的需要选择)

      4、生成的二维码或者链接,用微信扫一扫或者用微信打开连接,就可以测试了效果了

     

      如果大家有更好的解决方案或者工具,欢迎推荐分享!

     

    转载于:https://www.cnblogs.com/mailboxq03/p/11427037.html

    展开全文
  • 由于微信的限制,应用文件内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,我想到的是做一个提示用户在浏览器中打开下载。 解决方案:弹出一个遮罩,提示用户在浏览器中打开...

    由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,我想到的是做一个提示用户在浏览器中打开下载。

    解决方案:弹出一个遮罩,提示用户在浏览器中打开进行下载或者是打开网页

    在微信/QQ中打开链接,判断如果是在微信/QQ中打开的,直接弹出一个遮罩,提示用户在浏览器中打开,然后下载app应用。这样子再也不用管微信如何的更新,都可以实现微信中打开浏览器并下载app应用了。

    需要微信遮罩,可加我的QQ: 1747006063 备注一下(微信遮罩)

    文章转自熊猫源码:http://www.ufaxian.com/thread-1666837-1-1.html

    展开全文
  • 由于微信的限制,应用文件内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,我想到的是做一个提示用户在浏览器中打开下载。 之前写过的两篇文章:微信打开网址添加在浏览器...

    由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,我想到的是做一个提示用户在浏览器中打开下载。

    之前写过的两篇文章:微信打开网址添加在浏览器中打开提示 和 微信扫描打开APP下载链接提示代码优化,尽管已经做得很简单,但发现很多问这类问题的都是小白。

    其实原来很简单,就是判断当前是在微信内置浏览器中,然后将默认隐藏的提示层显示出来。

    第一步:判断微信的UA。

    var ua = navigator.userAgent;
    var isWeixin =  !!/MicroMessenger/i.test(ua);

    第二步:引入默认隐藏层。

    <a href="http://caibaojian.com/test.apk" id="JdownApp">点击下载APP</a>
    <a href="http://caibaojian.com/test.apk" id="JdownApp2" class="btn-warn">点击下载APP2</a>
    <div class="wxtip" id="JweixinTip">
    <span class="wxtip-icon"></span>
    <p class="wxtip-txt">点击右上角<br/>选择在浏览器中打开</p>
    </div>

    第三步:添加CSS样式

    .wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 998; display: none;}
    .wxtip-icon{width: 52px; height: 67px; background: url(weixin-tip.png) no-repeat; display: block; position: absolute; right: 20px; top: 20px;}
    .wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}

    第四步:点击按钮显示隐藏层,点击隐藏层关闭,总的JS代码如下:

    function weixinTip(ele){
    	var ua = navigator.userAgent;
    	var isWeixin = !!/MicroMessenger/i.test(ua);
    	if(isWeixin){
    		ele.onclick=function(e){
    			window.event? window.event.returnValue = false : e.preventDefault();
    			document.getElementById('JweixinTip').style.display='block';
    		}
    		document.getElementById('JweixinTip').onclick=function(){
    			this.style.display='none';
    		}
    	}
    }
    var btn1 = document.getElementById('JdownApp');//下载一
    weixinTip(btn1);
    var btn2 = document.getElementById('JdownApp2'); //下载二
    weixinTip(btn2);

    以上代码,你再也不用担心有多个按钮了。

    全部代码演示:eweima

    转载自:http://caibaojian.com/weixin-tip3.html


    展开全文
  • 直接判断微信的ua,如果是微信内置浏览器中打开,弹出一个遮罩提示用户在浏览器中打开下载,并且不加关闭的按钮。这样子用户就只能在浏览器中打开,并且可以直接下载应用了。 CSS代码 HTML代码 ...

    使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等。网上流传的各种微信打开下载链接,微信一更新基本失效。大家常用的方法是,弹出一个遮罩提示用户在新的浏览器窗口打开,再也不用管微信如何的更新。

    直接判断微信的ua,如果是在微信内置浏览器中打开,弹出一个遮罩提示用户在浏览器中打开下载,并且不加关闭的按钮。这样子用户就只能在浏览器中打开,并且可以直接下载应用了。

    在这里插入图片描述

    CSS代码

    <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>
    
    

    HTML代码

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

    JS代码

    <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>
    
    
    展开全文
  • 由于微信的限制,应用文件内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,我想到的是做一个提示用户在浏览器中打开下载。 方法一:遮罩提示法 其实原来很简单,...
  • 主要介绍了微信打开网址添加在浏览器中打开提示的办法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 在浏览器中是没有问题的,但是微信自带的内置浏览器屏蔽了下载功能。 这时候我们一般会建议用户使用uc或者其他第三方浏览器自带的扫一扫功能下载。但是现在的微信太普及了,很多人都习惯性的使用微信来扫码下载,总...
  • 使用的是纯JS+HTML+CSS结合的方式,但不要一进入微信就弹出提示浏览器中打开这个页面里面还可以提交表单查看信息等,只有它点击应用的链接后,才弹出提示它跳转后下载。&lt;a id="J_weixin"...
  • 刚做好的,带了一整套,包括图片和代码。分享给大家。不懂的可以留言。支持web,手机端。...再也不用管微信如何的更新,直接判断如果是微信中打开,然后弹出一个遮罩提示用户在浏览器中打开下载。
  • 使用的是纯JS+HTML+CSS结合的方式实现,进入微信时,判断是否是微信浏览器打开,如果是微信浏览器打开,点击下载链接,就弹出提示新浏览器打开。 案例如下 需要微信遮罩,可...
  • 解决方案:弹出一个遮罩,提示用户在浏览器中打开进行下载或者是打开网页 其实原来很简单,就是判断当前是微信内置浏览器中,然后将默认隐藏的提示层显示出来。点击按钮显示隐藏层。如果是手机浏览器中打开,...
  • 做微信营销活动或者APK下载推广时候,域名被经常被封,做到微信正常使用呢?这就要借助一些工具来实现有效的操作。...其实很简单,就是判断当前是微信内置浏览器中,将默认隐藏的提示层显示出来。 方法2...
  • js判断微信打开提示在浏览器打开代码 是否微信打开 js判断微信
  • 在浏览器中打开“只能用微信内置浏览器打开的页面
  • 由于微信的限制,应用文件内置浏览器...进入微信时,判断是否是微信浏览器打开,如果是微信浏览器打开,点击下载链接,就弹出提示新浏览器打开。 已经如何制作以及文章出处转自熊猫源码:http://w...
  • 由于微信的限制,应用文件内置浏览器...进入微信时,判断是否是微信浏览器打开,如果是微信浏览器打开,点击下载链接,就弹出提示新浏览器打开。 已经如何制作以及文章出处转自熊猫源码:http://w...
  • 微信打开网址添加在浏览器中打开提示遮罩 网传方案(已失效): 使用微信打开网址时,无法微信内打开常用下载软件,手机APP等。网上流传的各种微信打开下载链接,微信已更新基本失效,最新的一个是使用链接跳转...
  • 当安卓手机微信内的网页上长按时,如同鼠标右击事件,会触发微信浏览器的默认事件,弹出“在浏览器中打开”的提示语,这一问题很好解决,只需要长按事件后,利用oncontextmenu 事件可以取消鼠标右键功能。...
  • 移动端页面只能QQ浏览器、微信、苹果浏览器中打开,其他浏览器中打开时,提示请您微信客户端打开
  • 本代码主要适合应用网站,如果微信点击网站链接会提示在浏览器打开,点击“在浏览器打开”后,会直接浏览打开,直接上效果,大家可以测试,适合自己再下载zhibo.evilba.com
  • web页微信访问增加遮罩层 右上角弹出在浏览器中打开
  • 微信提示点击右上角浏览器中打开

    万次阅读 2018-08-05 21:38:24
    使用的是纯JS+HTML+CSS结合的方式,但不要一进入微信就弹出提示浏览器中打开这个页面里面还可以提交表单查看信息等,只有它点击应用的链接后,才弹出提示它跳转后下载。 改良后的方案: 虽然改良了 ...
  • 思路:1、限制微信浏览器打开。2、判断页面是否是微信浏览器打开。3、对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器 function is_weixin(){ var ua = navigator.userAgent.toLowerCase...
  •  微信打开"/>     js:  $(window).on("load", function () {  var winHeight = $(window).height();  function is_weixin() {  var ua = navigator.userAgent.toLowerCase();  ...
  • 安卓手机微信网页内长按时,如同鼠标右击事件,会触发微信浏览器的默认事件,弹出“在浏览器打开”的提示语只需长按事件触发时,取消鼠标右键事件的默认动作即可document.oncontextmenu = function(e){ e....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 310,282
精华内容 124,112
关键字:

提示在浏览器中打开