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


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剩余字数计算的代码
Jul 03 Javascript
js 匿名调用实现代码
Jun 19 Javascript
js实现文本框输入文字个数限制代码
Dec 25 Javascript
AngularJs表单验证实例详解
May 30 Javascript
javascript事件处理模型实例说明
May 31 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
Jul 18 Javascript
vue实现表格增删改查效果的实例代码
Jul 18 Javascript
VuePress 中如何增加用户登录功能
Nov 29 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 10 Javascript
谈一谈vue请求数据放在created好还是mounted里好
Jul 27 Javascript
JS跨浏览器解析XML应用过程详解
Oct 16 Javascript
微信小程序自定义tabBar的踩坑实践记录
Nov 06 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
apache+php完美解决301重定向的两种方法
2011/06/08 PHP
php中DOMElement操作xml文档实例演示
2013/03/26 PHP
php strrpos()与strripos()函数
2013/08/31 PHP
php实现的发送带附件邮件类实例
2014/09/22 PHP
php取得字符串首字母的方法
2015/03/25 PHP
Laravel搭建后台登录系统步骤详解
2016/07/26 PHP
PHP curl 或 file_get_contents 获取需要授权页面的方法
2017/05/05 PHP
用PHP的反射实现委托模式的讲解
2019/03/22 PHP
javascript脚本调试方法小结
2008/11/24 Javascript
利用location.hash实现跨域iframe自适应
2010/05/04 Javascript
window.dialogArguments 使用说明
2011/04/11 Javascript
js文件缓存之版本管理详解
2013/07/05 Javascript
javascript替换已有元素replaceChild()使用介绍
2014/04/03 Javascript
详解javascript的变量与标识符
2016/01/04 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
AngularJS中的Promise详细介绍及实例代码
2016/12/13 Javascript
js中的深浅拷贝问题简析
2019/05/10 Javascript
Vue computed 计算属性代码实例
2020/04/22 Javascript
[05:09]DOTA2-DPC中国联赛2月22日Recap集锦
2021/03/11 DOTA
python实现的登陆Discuz!论坛通用代码分享
2014/07/11 Python
在windows系统中实现python3安装lxml
2016/03/23 Python
Python文本相似性计算之编辑距离详解
2016/11/28 Python
Python基于多线程实现ping扫描功能示例
2018/07/23 Python
Python中垃圾回收和del语句详解
2018/11/15 Python
Python编程中flask的简介与简单使用
2018/12/28 Python
python web框架中实现原生分页
2019/09/08 Python
Mac PyCharm中的.gitignore 安装设置教程
2020/04/16 Python
PIP和conda 更换国内安装源的方法步骤
2020/09/21 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
Zooplus葡萄牙:欧洲领先的网上宠物商店
2018/07/01 全球购物
DERMAdoctor官网:美国著名皮肤护理品牌
2019/07/06 全球购物
爱与责任师德演讲稿
2014/08/26 职场文书
个人四风对照检查材料
2014/09/26 职场文书
机器人瓦力观后感
2015/06/12 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
商业计划书之服装
2019/09/09 职场文书