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


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 相关文章推荐
jquery中获取select选中值的代码
Jun 27 Javascript
JS操作JSON要领详细总结
Aug 25 Javascript
使用jquery制作弹出框效果
Apr 03 Javascript
浅谈window对象的scrollBy()方法
Jul 15 Javascript
JavaScript中的原始值和复杂值
Jan 07 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
Jan 17 Javascript
jQuery实现的简单分页示例
Jun 01 Javascript
jQuery获取select选中的option的value值实现方法
Aug 29 Javascript
jQuery实现删除li节点的方法
Dec 06 Javascript
微信小程序后端(java)开发流程的详细步骤
Nov 13 Javascript
JavaScript的变量声明与声明提前用法实例分析
Nov 26 Javascript
element-ui点击查看大图的方法示例
Dec 14 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
Smarty+QUICKFORM小小演示
2007/02/25 PHP
PHP学习 运算符与运算符优先级
2008/06/15 PHP
PHP中的str_repeat函数在JavaScript中的实现
2013/09/16 PHP
php ZipArchive压缩函数详解实例
2013/11/06 PHP
Laravel4中的Validator验证扩展用法详解
2016/07/26 PHP
PHP多进程之pcntl_fork的实例详解
2017/10/15 PHP
实例分析10个PHP常见安全问题
2019/07/09 PHP
Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】
2019/07/24 PHP
js ondocumentready onmouseover onclick onmouseout 样式
2010/07/22 Javascript
关于Javascript与iframe的那些事儿
2013/07/04 Javascript
jquery中的过滤操作详细解析
2013/12/02 Javascript
js判断手机和pc端选择不同执行事件的方法
2015/01/30 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
web前端开发upload上传头像js示例代码
2016/10/22 Javascript
详解vuejs几种不同组件(页面)间传值的方式
2017/06/01 Javascript
浅谈react前后端同构渲染
2017/09/20 Javascript
如何开发出更好的JavaScript模块
2017/12/22 Javascript
Node.js应用设置安全的沙箱环境
2018/04/23 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
2018/05/14 Javascript
JavaScript array常用方法代码实例详解
2020/09/02 Javascript
Python中的rjust()方法使用详解
2015/05/19 Python
python socket网络编程之粘包问题详解
2018/04/28 Python
浅谈python 导入模块和解决文件句柄找不到问题
2018/12/15 Python
Python 堆叠柱状图绘制方法
2019/07/29 Python
澳大利亚一站式数码相机商店:CameraPro
2020/03/09 全球购物
美国滑板店:Tactics
2020/11/08 全球购物
ddl,dml和dcl的含义
2016/05/08 面试题
什么是JNDI的上下文?如何初始化JNDI上下文
2012/03/10 面试题
求职简历的自我评价
2014/01/31 职场文书
商场促销活动方案
2014/02/08 职场文书
电大毕业个人生自我鉴定
2014/03/26 职场文书
毕业生工作求职信
2014/06/30 职场文书
工作证明格式及范本
2014/09/12 职场文书
法人代表证明书
2014/09/18 职场文书
法定代表人授权委托书
2014/09/19 职场文书
python 机器学习的标准化、归一化、正则化、离散化和白化
2021/04/16 Python