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


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 相关文章推荐
自动更新作用
Oct 08 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
Aug 07 Javascript
AngularJs Managing Service Dependencies详解
Sep 02 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
Oct 25 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
Nov 12 Javascript
提高JavaScript执行效率的23个实用技巧
Mar 01 Javascript
Angular5.0 子组件通过service传递值给父组件的方法
Jul 13 Javascript
vue弹窗组件的实现示例代码
Sep 10 Javascript
微信小程序实现传递多个参数与事件处理
Aug 12 Javascript
node.js Promise对象的使用方法实例分析
Dec 26 Javascript
基于VSCode调试网页JavaScript代码过程详解
Jul 20 Javascript
如何用vue实现网页截图你知道吗
Nov 17 Vue.js
浅谈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 mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
php删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)
2013/06/27 PHP
php不允许用户提交空表单(php空值判断)
2013/11/12 PHP
PHP中auto_prepend_file与auto_append_file用法实例分析
2014/09/22 PHP
WordPress开发中用于获取近期文章的PHP函数使用解析
2016/01/05 PHP
微信支付扫码支付php版
2016/07/22 PHP
PHP中TP5 上传文件的实例详解
2017/07/31 PHP
PHP 实现重载
2021/03/09 PHP
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013/11/06 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
js仿百度音乐全选操作
2017/01/13 Javascript
详解如何去除vue项目中的#——History模式
2017/10/13 Javascript
vue axios 二次封装的示例代码
2017/12/08 Javascript
vue.js引入外部CSS样式和外部JS文件的方法
2019/01/06 Javascript
一个计算身份证号码校验位的Python小程序
2014/08/15 Python
在Lighttpd服务器中运行Django应用的方法
2015/07/22 Python
Python编程中对文件和存储器的读写示例
2016/01/25 Python
python监控进程脚本
2018/04/12 Python
flask入门之文件上传与邮件发送示例
2018/07/18 Python
基于python3实现倒叙字符串
2020/02/18 Python
selenium+headless chrome爬虫的实现示例
2021/01/08 Python
CSS3 Notes: -webkit-box-reflect实现倒影的实例
2016/12/08 HTML / CSS
斯德哥尔摩通票:Stockholm Pass
2018/01/09 全球购物
Orlebar Brown官网:设计师泳裤和泳装
2020/12/08 全球购物
计算机网络专业个人的自我评价
2013/10/17 职场文书
垃圾桶标语
2014/06/24 职场文书
党的群众路线教育实践活动对照检查材料思想汇报
2014/09/19 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
党员检讨书范文
2014/12/27 职场文书
通知书大全
2015/04/27 职场文书
KTV员工管理制度
2015/08/06 职场文书
SQLServer 日期函数大全(小结)
2021/04/08 SQL Server
PyTorch中permute的使用方法
2022/04/26 Python