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


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判断输入是否为正整数、浮点数等数字的函数代码
Nov 17 Javascript
浅谈Javascript事件模拟
Jun 27 Javascript
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
May 17 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
Feb 27 Javascript
JS字符串的切分用法实例
Feb 22 Javascript
详解jQuery lazyload 懒加载
Dec 19 Javascript
js基于myFocus实现轮播图效果
Feb 14 Javascript
Web纯前端“旭日图”实现元素周期表
Mar 10 Javascript
jQuery为某个div加入行样式
Jun 09 jQuery
关于vue.js组件数据流的问题
Jul 26 Javascript
JS异步函数队列功能实例分析
Nov 28 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
Feb 27 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 Smarty生成EXCEL文档的代码
2008/08/23 PHP
php中导出数据到excel时数字变为科学计数的解决方法
2013/02/03 PHP
php实现简单洗牌算法
2013/06/18 PHP
php实现将字符串按照指定距离进行分割的方法
2015/03/14 PHP
Firebug 字幕文件JSON地址获取代码
2009/10/28 Javascript
js trim函数 去空格函数与正则集锦
2009/11/20 Javascript
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
JavaScript列表框listbox全选和反选的实现方法
2015/03/18 Javascript
javascript实现网页字符定位的方法
2015/07/14 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
2016/11/07 Javascript
微信小程序 视图容器组件的详解及实例代码
2017/01/19 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
2017/02/13 Javascript
关于axios返回空对象的问题解决
2017/04/04 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
2017/05/13 jQuery
详解如何提高 webpack 构建 Vue 项目的速度
2017/07/03 Javascript
基于javaScript的this指向总结
2017/07/22 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
2019/09/27 Javascript
HTML+JavaScript实现扫雷小游戏
2019/09/30 Javascript
python计算最大优先级队列实例
2013/12/18 Python
Python使用flask框架操作sqlite3的两种方式
2018/01/31 Python
Python中列表与元组的乘法操作示例
2018/02/10 Python
python opencv旋转图像(保持图像不被裁减)
2018/07/26 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
Python利用递归实现文件的复制方法
2018/10/27 Python
常用的四种CSS透明属性介绍
2014/04/12 HTML / CSS
林清轩官方网站:山茶花润肤油开创者
2016/10/26 全球购物
俄罗斯连接商品和买家的在线平台:goods.ru
2020/11/30 全球购物
如何写出好的Java代码
2014/04/25 面试题
岗位职责定义及内容
2013/11/08 职场文书
生日邀请函范文
2014/01/13 职场文书
感恩教育月活动总结
2014/07/07 职场文书
2014学习十八届四中全会精神思想汇报范文
2014/10/23 职场文书
逃课检讨书怎么写
2015/01/01 职场文书