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


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 参考教程
Dec 29 Javascript
jsTree 基于JQuery的排序节点 Bug
Jul 26 Javascript
点击页面其它地方隐藏该div的两种思路
Nov 18 Javascript
jQuery插件分享之分页插件jqPagination
Jun 06 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
Jun 06 Javascript
jquery插件corner实现圆角边框的方法
Mar 09 Javascript
jquery.validate使用时遇到的问题
May 25 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
Jan 05 Javascript
原生JS实现匀速图片轮播动画
Oct 18 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
May 03 Javascript
React实现评论的添加和删除
Oct 20 Javascript
three.js中多线程的使用及性能测试详解
Jan 07 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
MySQL修改密码方法总结
2008/03/25 PHP
简单示例AJAX结合PHP代码实现登录效果代码
2008/07/25 PHP
php断点续传之如何分割合并文件
2014/03/22 PHP
destoon安装出现Internal Server Error的解决方法
2014/06/21 PHP
laravel使用数据库测试注意事项
2020/04/10 PHP
checkbox 多选框 联动实现代码
2008/10/22 Javascript
javascript中的变量是传值还是传址的?
2010/04/19 Javascript
js导出txt示例代码
2014/01/14 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
2014/03/27 Javascript
jquery中show()、hide()和toggle()用法实例
2015/01/15 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
AngularJS  ng-table插件设置排序
2016/09/21 Javascript
浅谈键盘上回车按钮的js触发事件
2017/02/13 Javascript
浅谈Node.js之异步流控制
2017/10/25 Javascript
jQuery AJAX 方法success()后台传来的4种数据详解
2018/08/08 jQuery
node.js处理前端提交的GET请求
2019/08/30 Javascript
解决vant的Toast组件时提示not defined的问题
2020/11/11 Javascript
[48:53]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第一场
2014/05/26 DOTA
Python模拟登陆淘宝并统计淘宝消费情况的代码实例分享
2016/07/04 Python
Python实现将HTML转换成doc格式文件的方法示例
2017/11/20 Python
详解pandas安装若干异常及解决方案总结
2019/01/10 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
Django网络框架之HelloDjango项目创建教程
2019/06/06 Python
基于python二叉树的构造和打印例子
2019/08/09 Python
使用OpenCV实现仿射变换—缩放功能
2019/08/29 Python
Python搭建代理IP池实现接口设置与整体调度
2019/10/27 Python
python实现图像外边界跟踪操作
2020/07/13 Python
AVIS安飞士奥地利租车官网:提供奥地利、欧洲和全世界汽车租赁
2016/11/29 全球购物
金属材料工程个人求职的自我评价
2013/12/04 职场文书
主持人演讲稿范文
2013/12/28 职场文书
行政文秘岗位职责范本
2014/02/10 职场文书
团队精神口号
2014/06/06 职场文书
物业品质提升方案
2014/06/08 职场文书
大学生活动总结模板
2014/07/02 职场文书
房产销售独家委托书范本
2014/10/01 职场文书
高三数学复习备考教学反思
2016/02/18 职场文书