请选择 进入手机版 | 继续访问电脑版

企业网站建设

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 127|回复: 0

判断是否是微信访问 并提示在浏览器打开

[复制链接]

358

主题

367

帖子

1519

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1519
发表于 2018-1-8 12:56:37 | 显示全部楼层 |阅读模式
js判断是否是微信访问,如果是微信访问就提示在浏览器打开,如果不是微信访问就不提示。
  1. <script type='text/javascript' src='http://libs.baidu.com/jquery/1.9.1/jquery.min.js?ver=lastest'></script>
  2. <style type="text/css">
  3.    .weixin-tip{ top:0;}
  4.     *{margin:0; padding:0;}
  5.     a{text-decoration: none;}
  6.     img{max-width: 100%; height:100%;}
  7.     .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;}
  8.     .weixin-tip p{text-align: center; padding:0 5%;}
  9.     </style>

  10. <div class="weixin-tip">
  11.         <p style="top:0">
  12.             <img src="live_weixin.png" alt="在浏览器打开"/><span id="close" title="关闭" class="close">×</span>
  13.         </p>
  14.     </div>
  15.     <script type="text/javascript">
  16.         $(window).on("load",function(){
  17.             var winHeight = $(window).height();
  18.             function is_weixin() {
  19.                 var ua = navigator.userAgent.toLowerCase();
  20.                 if (ua.match(/MicroMessenger/i) == "micromessenger") {
  21.                     return true;
  22.                 } else {
  23.                     return false;
  24.                 }
  25.             }
  26.             var isWeixin = is_weixin();
  27.             if(isWeixin){
  28.                 $(".weixin-tip").css("height",winHeight);
  29.                 $(".weixin-tip").show();
  30.             }
  31.         })
  32.     </script>
复制代码
live_weixin.png

效果图
QQ图片20180108142033.jpg
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|朋友站长网

GMT+8, 2018-2-18 03:45 , Processed in 0.300818 second(s), 22 queries .

联系E-mail:admin@pengyouz.com

© 2011-2018 Powered by Friend stationmaster

快速回复 返回顶部 返回列表