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


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 json2 使用方法
Mar 16 Javascript
JS常用正则表达式总结
Nov 12 Javascript
Javascript中各种trim的实现详细解析
Dec 10 Javascript
js取得html iframe中的元素和变量值
Jun 30 Javascript
Node.js中创建和管理外部进程详解
Aug 16 Javascript
WEB前端设计师常用工具集锦
Dec 09 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
Nov 06 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
不得不看之JavaScript构造函数及new运算符
Aug 21 Javascript
Javascript网页抢红包外挂实现分享
Jan 11 Javascript
微信小程序如何使用云开发
May 17 Javascript
Node.js API详解之 querystring用法实例分析
Apr 29 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
如何将一个表单同时提交到两个地方处理
2006/10/09 PHP
用php或asp创建网页桌面快捷方式的代码
2010/03/23 PHP
php常用字符串查找函数strstr()与strpos()实例分析
2019/06/21 PHP
Yii2.0框架模型添加/修改/删除数据操作示例
2019/07/18 PHP
Function.prototype.call.apply结合用法分析示例
2013/07/03 Javascript
jquery select多选框的左右移动 具体实现代码
2013/07/03 Javascript
js打开windows上的可执行文件示例
2014/05/27 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
2016/01/23 Javascript
javascript实现简单计算器效果【推荐】
2016/04/19 Javascript
Jquery on方法绑定事件后执行多次的解决方法
2016/06/02 Javascript
vuejs父子组件之间数据交互详解
2017/08/09 Javascript
解决vue-cli创建项目的loader问题
2018/03/13 Javascript
Vue验证码60秒倒计时功能简单实例代码
2018/06/22 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
VUE 实现element upload上传图片到阿里云
2020/08/12 Javascript
[01:06:12]VP vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
使用PyCharm配合部署Python的Django框架的配置纪实
2015/11/19 Python
浅析Python基础-流程控制
2016/03/18 Python
Python对列表去重的多种方法(四种方法)
2017/12/05 Python
Python使用Scrapy爬虫框架全站爬取图片并保存本地的实现代码
2018/03/04 Python
Django框架的中的setting.py文件说明详解
2018/10/15 Python
情人节快乐! python绘制漂亮玫瑰
2020/08/18 Python
python基于celery实现异步任务周期任务定时任务
2019/12/30 Python
Python 字符串处理特殊空格\xc2\xa0\t\n Non-breaking space
2020/02/23 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
Python pysnmp使用方法及代码实例
2020/08/24 Python
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
what is the difference between ext2 and ext3
2013/11/03 面试题
广告设计专业自荐信范文
2013/11/14 职场文书
个人投资计划书
2014/05/01 职场文书
大学生第一学年自我鉴定
2014/09/12 职场文书
三好学生评语大全
2014/12/29 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
MySQL安装后默认自带数据库的作用详解
2021/04/27 MySQL
SQL SERVER中的流程控制语句
2022/05/25 SQL Server