如何将页面设置为微信端才能打开

最新推荐文章于 2020-07-07 19:22:41 发布

转载最新推荐文章于 2020-07-07 19:22:41 发布 · 343 阅读

文章标签：

#移动开发

本文介绍了一种方法，用于防止网页在PC端被访问，而只能通过微信或移动设备打开。通过JavaScript检测用户代理来实现这一目的。

　　我们有时候开发一个新项目比较辛苦，不想让别人轻易就能反编译代码，我们可以加一个授权登录，如果不是在微信端登录就会提示“请在微信客户端打开链接”，如下图所示，这就是很多网友说的微信链接无法在pc端打开飞原理。还有一个方式是用PC端判断，通过js代码，判断如果是电脑端，则返回另外一个链接页面。

微信端授权登录

<script>
    var link=document.getElementsByTagName('link')[0];
    var sUserAgent = navigator.userAgent.toLowerCase();
    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
    var bIsMidp = sUserAgent.match(/midp/i) == "midp";
    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
    var bIsAndroid = sUserAgent.match(/android/i) == "android";
    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
    if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
　　　　//移动端
   　　 }
    else{
        location.href="http://no120.kuaizhan.com/"
　　    }
</script>