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

黄亚东笔记

 找回密码
 立即注册

设置站点在微信上面打开提示右上角在浏览器中打开的方法!因为有些网址微信限制访问!

[复制链接]
设置站点在微信上面打开提示右上角在浏览器中打开的方法!因为有些网址微信限制访问!所以我想到了以下方法! 如下图所示:
1.jpeg

自已是一个草根站长,代码方面没有基础,所以全部在自学中,是需要什么功能就在网上搜什么功能,然后自已再测试,我的微信号:yadongtd,欢迎和我交流。

第一部分:
在<head>与</head>之间加以下代码:  

  1. <style type="text/css">
  2. *{margin:0; padding:0;}
  3. a{text-decoration: none;}
  4. img{max-width: 100%; height: auto;}
  5. .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;}
  6. .weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}


  7. </style>
复制代码


第二部分:
以下代码是全对的,是必须加上的!需要加到 <body>与</body>之间


  1. <div class="weixin-tip">
  2.                 <p>
  3.                         <img src="img/tanweixin.png" alt="微信打开" style="max-width: 100%; height: auto;"/>
  4.         </p>
  5. </div>
  6. <script type="text/javascript">
  7.         $(window).on("load",function(){
  8.                 var winHeight = $(window).height();
  9.                         function is_weixin() {
  10.                             var ua = navigator.userAgent.toLowerCase();
  11.                             if (ua.match(/MicroMessenger/i) == "micromessenger") {
  12.                                 return true;
  13.                             } else {
  14.                                 return false;
  15.                             }
  16.                         }
  17.                         var isWeixin = is_weixin();
  18.                         if(isWeixin){
  19.                                 $(".weixin-tip").css("height",winHeight);
  20.                     $(".weixin-tip").show();
  21.                         }
  22.         })
  23. </script>
复制代码











link rel=”canonical”标签的用法
HTML &lt;main&gt; 标签 定义和用法
回复

使用道具 举报

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

本版积分规则

QQ|Archiver|手机版|小黑屋|黄亚东笔记 ( 鄂ICP备20004876号-4 )

GMT+8, 2020-12-4 06:57 , Processed in 1.187728 second(s), 24 queries .

黄亚东 友情赞助: 高佣联盟

公众号:亚东电商 站长VX:yadongtd

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