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


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 相关文章推荐
Exjs 入门篇
Apr 07 Javascript
Jquery 扩展方法
May 06 Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
jquery动态添加删除(tr/td)
Feb 09 Javascript
JS组件Form表单验证神器BootstrapValidator
Jan 26 Javascript
JavaScript实现的MD5算法完整实例
Feb 02 Javascript
微信小程序 富文本转文本实例详解
Oct 24 Javascript
easy ui datagrid 从编辑框中获取值的方法
Feb 22 Javascript
详解Vue中localstorage和sessionstorage的使用
Dec 22 Javascript
JavaScript简单实现关键字文本搜索高亮显示功能示例
Jul 25 Javascript
详解如何创建并发布一个 vue 组件
Nov 08 Javascript
webpack+vue.js构建前端工程化的详细教程
May 10 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
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
PHP获取当前系统时间的方法小结
2018/10/03 PHP
写入cookie的JavaScript代码库 cookieLibrary.js
2009/10/24 Javascript
JavaScript DOM学习第六章 表单实例
2010/02/19 Javascript
jQuery Select(单选) 模拟插件 V1.3.62 改进版
2010/07/17 Javascript
JavaScript实现自己的DOM选择器原理及代码
2013/03/04 Javascript
JSON中双引号的轮回使用过程中一定要小心
2014/03/05 Javascript
form+iframe解决跨域上传文件的方法
2016/11/18 Javascript
JS实现Cookie读、写、删除操作工具类示例
2018/08/28 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
2019/05/03 Javascript
vue 组件内获取actions的response方式
2019/11/08 Javascript
[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
在Python中使用pngquant压缩png图片的教程
2015/04/09 Python
浅谈Pandas:Series和DataFrame间的算术元素
2018/12/22 Python
Python中dict和set的用法讲解
2019/03/28 Python
详解Python中如何将数据存储为json格式的文件
2020/11/18 Python
Python 多进程原理及实现
2020/12/21 Python
移动HTML5前端框架—MUI的使用
2017/12/18 HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
2020/08/21 HTML / CSS
老海军美国官网:Old Navy
2016/09/05 全球购物
Urban Outfitters德国官网:美国跨国生活方式零售公司
2018/05/21 全球购物
为什么group by 和order by会使查询变慢
2014/05/16 面试题
机械工程师求职自我评价
2013/09/23 职场文书
会计找工作求职信范文
2013/12/09 职场文书
大学四年规划书范文
2013/12/27 职场文书
幼儿教师2014年度工作总结
2014/12/16 职场文书
英文版辞职信
2015/02/28 职场文书
2015年学校安全工作总结
2015/04/22 职场文书
换届选举主持词
2015/07/03 职场文书
村党总支部公开承诺书2016
2016/03/25 职场文书
探究Mysql模糊查询是否区分大小写
2021/06/11 MySQL
Python Matplotlib绘制条形图的全过程
2021/10/24 Python
Pygame Rect区域位置的使用(图文)
2021/11/17 Python
Python实现提取PDF简历信息并存入Excel
2022/04/02 Python