微信打开网址添加在浏览器中打开提示的办法


Posted in Javascript onMay 20, 2019

使用微信打开网址时,无法在微信内打开常用下载软件,手机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>

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

1、CommaTool工具网址:http://www.commatool.cn/

2、填写下载的apk的地址,或者下载页链接(比如:http://www.baidu.com)

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

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

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

以上所述是小编给大家介绍的微信打开网址添加在浏览器中打开提示的办法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用户注册常用javascript代码
Aug 29 Javascript
Javascript 中文字符串处理额外注意事项
Nov 15 Javascript
JQuery获取当前屏幕的高度宽度的实现代码
Jul 12 Javascript
js防止表单重复提交实现代码
Sep 05 Javascript
用javascript关闭本窗口不弹出询问框的方法
Sep 12 Javascript
javascript面向对象快速入门实例
Jan 13 Javascript
JS实现可调整倒计时间代码分享
Aug 18 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 Javascript
原生Javascript和jQuery做轮播图简单例子
Oct 11 Javascript
vue.js表格分页示例
Oct 18 Javascript
Vue.js一个文件对应一个组件实践
Oct 27 Javascript
浅析JavaScript预编译和暗示全局变量
Sep 03 Javascript
浅谈Vuex注入Vue生命周期的过程
May 20 #Javascript
微信小程序图表插件wx-charts用法实例详解
May 20 #Javascript
Nuxt项目支持eslint+pritter+typescript的实现
May 20 #Javascript
vue3.0 搭建项目总结(详细步骤)
May 20 #Javascript
vue-cli webpack配置文件分析
May 20 #Javascript
微信小程序开发之左右分栏效果的实例代码
May 20 #Javascript
微信小程序rich-text富文本用法实例分析
May 20 #Javascript
You might like
php数组函数序列之array_sum() - 计算数组元素值之和
2011/10/29 PHP
使用php get_headers 判断URL是否有效的解决办法
2013/04/27 PHP
使用GD库生成带阴影文字的图片
2015/03/27 PHP
PHP面向对象五大原则之单一职责原则(SRP)详解
2018/04/04 PHP
Json和Jsonp理论实例代码详解
2013/11/15 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
2014/01/06 Javascript
单元选择合并变色示例代码
2014/05/26 Javascript
JavaScript编程中实现对象封装特性的实例讲解
2016/06/24 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
nodejs二进制与Buffer的介绍与使用
2019/07/11 NodeJs
Vue代码整洁之去重方法整理
2019/08/06 Javascript
在vue中使用Echarts画曲线图的示例
2020/10/03 Javascript
vue实现前端列表多条件筛选
2020/10/26 Javascript
[03:22]DAC最前线(第二期)—DOTA2亚洲邀请赛主赛场周边及线路探访
2015/01/24 DOTA
Web服务器框架 Tornado简介
2014/07/16 Python
python中的错误处理
2016/04/10 Python
python实现学生管理系统
2018/01/11 Python
Django集成CAS单点登录的方法示例
2019/06/10 Python
Numpy数组array和矩阵matrix转换方法
2019/08/05 Python
解决pycharm同一目录下无法import其他文件
2020/02/12 Python
在 Linux/Mac 下为Python函数添加超时时间的方法
2020/02/20 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
python try...finally...的实现方法
2020/11/25 Python
Web前端绘制0.5像素的几种方法
2017/08/11 HTML / CSS
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
中国酒类在线零售网站:酒仙网
2016/08/20 全球购物
英国最大的割草机购买网站:Just Lawnmowers
2019/11/02 全球购物
大四学生毕业自荐信
2013/11/07 职场文书
普通简短的个人自我评价
2014/02/15 职场文书
2014年信息技术工作总结
2014/12/16 职场文书
汶川大地震感悟
2015/08/10 职场文书
祝酒词范文
2015/08/12 职场文书
体育部部长竞选稿
2015/11/21 职场文书
导游词之黄果树瀑布
2019/09/20 职场文书
MySQL时区造成时差问题
2022/04/13 MySQL