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


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 web对话框与弹出窗口
Feb 22 Javascript
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
Dec 06 Javascript
js实现网页随机切换背景图片的方法
Nov 01 Javascript
JavaScript中的闭包(Closure)详细介绍
Dec 30 Javascript
JS实现具备延时功能的滑动门菜单效果
Sep 17 Javascript
jQuery实现鼠标选文字发新浪微博的方法
Apr 02 Javascript
js实现音乐播放控制条
Sep 09 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
Jan 07 Javascript
再谈Angular4 脏值检测(性能优化)
Apr 23 Javascript
在vue项目中,将juery设置为全局变量的方法
Sep 25 Javascript
微信小程序全局变量改变监听的实现方法
Jul 15 Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
Nov 09 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下使用SMTP发邮件的代码
2008/01/10 PHP
关于ob_get_contents(),ob_end_clean(),ob_start(),的具体用法详解
2013/06/24 PHP
php实例分享之二维数组排序
2014/05/15 PHP
php中实现xml与mysql数据相互转换的方法
2014/12/25 PHP
PHP实现的自定义数组排序函数与排序类示例
2016/11/18 PHP
PHP+redis实现微博的推模型案例分析
2019/07/10 PHP
Yii框架的路由配置方法分析
2019/09/09 PHP
PHP7生产环境队列Beanstalkd用法详解
2020/05/19 PHP
javascript写的一个链表实现代码
2009/10/25 Javascript
Web表单提交之disabled问题js解决方法
2015/01/13 Javascript
JS实现焦点图轮播效果的方法详解
2016/12/19 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
2017/01/19 Javascript
bootstrap组件之导航组件使用方法
2017/01/19 Javascript
基于bootstrap实现收缩导航条
2017/03/17 Javascript
Angular 作用域scope的具体使用
2017/12/11 Javascript
Angular浏览器插件Batarang介绍及使用
2018/02/07 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
2018/11/13 Javascript
Vue CLI3.0中使用jQuery和Bootstrap的方法
2019/02/28 jQuery
element-ui中Table表格省市区合并单元格的方法实现
2019/08/07 Javascript
微信小程序实现音乐播放器
2019/11/20 Javascript
[45:18]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第一场
2018/04/04 DOTA
[11:44]Ti9 OG夺冠时刻
2019/08/25 DOTA
在服务器端实现无间断部署Python应用的教程
2015/04/16 Python
在Python中使用swapCase()方法转换大小写的教程
2015/05/20 Python
用Python将结果保存为xlsx的方法
2019/01/28 Python
CSS3实现翘边的阴影效果的代码示例
2016/06/13 HTML / CSS
英国最大的体育&时尚零售公司:JD Sports
2017/12/13 全球购物
银行实习生的自我评价
2014/01/13 职场文书
三年大学生活自我鉴定
2014/01/21 职场文书
关于圣诞节的广播稿
2014/01/26 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
简易离婚协议书(范本)
2014/10/25 职场文书
最新最全的手机号验证正则表达式
2022/02/24 Javascript
Mysql外键约束的创建与删除的使用
2022/03/03 MySQL
SpringBoot+Redis实现布隆过滤器的示例代码
2022/03/17 Java/Android
使用pd.merge表连接出现多余行的问题解决
2022/06/16 Python