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


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 相关文章推荐
JS的反射问题
Apr 07 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 Javascript
js 手机号码合法性验证代码集合
Sep 29 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
May 23 Javascript
jQuery源码分析之jQuery中的循环技巧详解
Sep 06 Javascript
js实现单击图片放大图片的方法
Feb 17 Javascript
全面了解js中的script标签
Jul 04 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
Feb 20 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
Mar 06 Javascript
Vue.js 2.0学习教程之从基础到组件详解
Apr 24 Javascript
jquery图片放大镜效果
Jun 23 jQuery
JS猜数字游戏实例讲解
Jun 30 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
关于Appserv无法打开localhost问题的解决方法
2009/10/16 PHP
浅析THINKPHP的addAll支持的最大数据量
2015/02/03 PHP
帝国CMS留言板回复后发送EMAIL通知客户
2015/07/06 PHP
PHP7.1新功能之Nullable Type用法分析
2016/09/26 PHP
PHP使用PDO抽象层获取查询结果的方法示例
2018/05/10 PHP
yii2.0框架实现上传excel文件后导入到数据库的方法示例
2020/04/13 PHP
php+mysql实现的无限分类方法类定义与使用示例
2020/05/27 PHP
jquery 仿QQ校友的DIV模拟窗口效果源码
2010/03/24 Javascript
jQuery EasyUI 中文API Layout(Tabs)
2010/04/27 Javascript
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
2012/07/21 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
2013/09/03 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
2013/10/24 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
JavaScript中的console.profile()函数详细介绍
2014/12/29 Javascript
JQuery悬停控制图片轮播——代码简单
2015/08/05 Javascript
Jquery 分页插件之Jquery Pagination
2015/08/25 Javascript
学习JavaScript设计模式(链式调用)
2015/11/26 Javascript
Bootstrap CSS布局之代码
2016/12/17 Javascript
angular 动态组件类型详解(四种组件类型)
2017/02/22 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
2019/04/29 Javascript
详解一次Vue低版本安卓白屏问题的解决过程
2019/05/30 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
[04:09]显微镜下的DOTA2第十二期—NaVi美如画的团战
2014/06/23 DOTA
浅谈numpy中linspace的用法 (等差数列创建函数)
2017/06/07 Python
Python基于Socket实现的简单聊天程序示例
2017/08/05 Python
Python Socket编程之多线程聊天室
2018/07/28 Python
三个python爬虫项目实例代码
2019/12/28 Python
python让函数不返回结果的方法
2020/06/22 Python
CSS3属性box-shadow使用指南
2014/12/09 HTML / CSS
盖尔斯工厂店:GUESS Factory
2020/01/21 全球购物
军校制空专业毕业生自我鉴定
2013/11/16 职场文书
简历的自我评价范文
2014/02/04 职场文书
领导干部考察材料
2014/02/08 职场文书
园林技术个人的自我评价
2014/02/15 职场文书
HTML 里 img 元素的 src 和 srcset 属性的区别详解
2023/05/21 HTML / CSS