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


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 相关文章推荐
通过ifame指向的页面高度调整iframe的高度
Oct 05 Javascript
jQuery 数据缓存模块进化史详细介绍
Nov 19 Javascript
js实现横向伸展开的二级导航菜单代码
Aug 28 Javascript
简单的渐变轮播插件
Jan 12 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
Vue2.0 UI框架ElementUI使用方法详解
Apr 14 Javascript
JS滚动到指定位置导航栏固定顶部
Jul 03 Javascript
Vuex 入门教程
Jan 10 Javascript
Node.js Windows Binary二进制文件安装方法
May 16 Javascript
vue.js的简单自动求和计算实例
Nov 08 Javascript
JavaScript实现好看的跟随彩色气泡效果
Feb 06 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
Aug 10 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 section简介与用法分析
2008/10/03 PHP
PHP重定向的3种方式
2013/03/07 PHP
利用php+mcDropdown实现文件路径可在下拉框选择
2013/08/07 PHP
php获取网页里所有图片并存入数组的方法
2015/04/06 PHP
win10环境PHP 7 安装配置【教程】
2016/05/09 PHP
PHP CURL采集百度搜寻结果图片不显示问题的解决方法
2017/02/03 PHP
php 与 nginx 的处理方式及nginx与php-fpm通信的两种方式
2018/09/28 PHP
在浏览器中获取当前执行的脚本文件名的代码
2011/07/19 Javascript
jQuery之ajax技术的详细介绍
2013/06/19 Javascript
javascript/jquery获取地址栏url参数的方法
2014/03/05 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
2014/05/05 Javascript
跟我学Nodejs(一)--- Node.js简介及安装开发环境
2014/05/20 NodeJs
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
2016/06/30 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
JS组件系列之MVVM组件构建自己的Vue组件
2017/04/28 Javascript
vue的Virtual Dom实现snabbdom解密
2017/05/03 Javascript
基于复选框demo(分享)
2017/09/27 Javascript
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
Python下的twisted框架入门指引
2015/04/15 Python
解决python2.7 查询mysql时出现中文乱码
2016/10/09 Python
如何通过python画loss曲线的方法
2019/06/26 Python
详解python uiautomator2 watcher的使用方法
2019/09/09 Python
基于numpy中的expand_dims函数用法
2019/12/18 Python
Python基础之字典常见操作经典实例详解
2020/02/26 Python
关于python中的xpath解析定位
2020/03/06 Python
Python爬虫爬取糗事百科段子实例分享
2020/07/31 Python
Python 生成短8位唯一id实战教程
2021/01/13 Python
CSS3 简写animation
2012/05/10 HTML / CSS
CSS3的RGBA中关于整数和百分比值的转换
2015/08/04 HTML / CSS
关于Java finally的面试题
2016/04/27 面试题
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
领导干部对照检查材料
2014/08/24 职场文书
大学生操行评语大全
2014/12/31 职场文书
2015中学教学工作总结
2015/07/22 职场文书
2016母亲节感恩话语
2015/12/09 职场文书
2016年离婚协议书范文
2016/03/18 职场文书