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


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脚本语言在网页中的简单应用
May 13 Javascript
JavaScript的变量作用域深入理解
Oct 25 Javascript
鼠标滚轴控制文本框值的JS代码
Nov 19 Javascript
jquery实现炫酷的叠加层自动切换特效
Feb 01 Javascript
jQuery实现的多级下拉菜单效果代码
Aug 24 Javascript
浅析Vue中method与computed的区别
Mar 06 Javascript
Angular4 Select选择改变事件的方法
Oct 09 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
Dec 13 Javascript
9102年webpack4搭建vue项目的方法步骤
Feb 20 Javascript
node.js ws模块搭建websocket服务端的方法示例
Apr 25 Javascript
解决Vue动态加载本地图片问题
Oct 09 Javascript
Vue.js watch监视属性知识点总结
Nov 11 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
7个超级实用的PHP代码片段
2011/07/11 PHP
PHP小教程之实现链表
2014/06/09 PHP
php实现与erlang的二进制通讯实例解析
2014/07/23 PHP
PHP如何通过AJAX方式实现登录功能
2015/11/23 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
PHP的PDO预定义常量讲解
2019/01/24 PHP
jQuery中实现动画效果的基本操作介绍
2013/04/16 Javascript
js通过地址栏给action传值(中文乱码全是问号)
2013/05/02 Javascript
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
javascript实现时间格式输出FormatDate函数
2015/01/13 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
js禁止浏览器的回退事件
2017/04/20 Javascript
JS实现给json数组动态赋值的方法示例
2020/03/19 Javascript
在React项目中使用Eslint代码检查工具及常见问题
2018/10/10 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
2020/07/14 Javascript
王纯业的Python学习笔记 下载
2007/02/10 Python
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
PHP魔术方法__ISSET、__UNSET使用实例
2014/11/25 Python
在Linux上安装Python的Flask框架和创建第一个app实例的教程
2015/03/30 Python
Python之批量创建文件的实例讲解
2018/05/10 Python
python format 格式化输出方法
2018/07/16 Python
Python判断两个文件是否相同与两个文本进行相同项筛选的方法
2019/03/01 Python
python实现Pyecharts实现动态地图(Map、Geo)
2020/03/25 Python
解决pycharm安装第三方库失败的问题
2020/05/09 Python
为什么python比较流行
2020/06/19 Python
详解Pycharm第三方库的安装及使用方法
2020/12/29 Python
Elemis美国官网:英国的第一豪华护肤品牌
2018/03/15 全球购物
世界领先的26岁以下学生和青少年旅行预订网站:StudentUniverse
2018/07/01 全球购物
软件测试工程师笔试题带答案
2015/03/27 面试题
体育专业个人求职信范文
2013/12/27 职场文书
美发店5.1活动方案
2014/01/24 职场文书
检查接待方案
2014/02/27 职场文书
甜品店创业计划书
2014/08/14 职场文书
放飞梦想演讲稿600字
2014/08/26 职场文书
发言稿之优秀教师篇
2019/09/26 职场文书