限制电脑PC端访问网站Web页面只能手机端才能访问[html代码]

有些小伙伴不希望自己的网站PC端能被访问,可以通过本文章介绍的方法,限制网站只能从移动手机端打开,不能从电脑浏览器打开的方法(电脑端访问显示404页面)。

方法:获取附件压缩包,解压获得3个文件(pingbi.js、fn404.html、back.png),在自己网站代码调用这个pingbi.js文件,将另外2个文件放到网站根路径下。

pingbi.js代码如下:

(function(w, d) { 
    var system = {
        win: false,
        mac: false,
        xll: false
    };
    var p = navigator.platform;
    var us = navigator.userAgent.toLowerCase();
    system.win = p.indexOf("Win") == 0;
    system.mac = p.indexOf("Mac") == 0;
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
    if (system.win || system.mac || system.xll) {
        console.log(system)
        console.log(navigator.platform)
        var iframe_url='/fn404.html';
        $("head").html('<meta charset="UTF-8"><meta name="referrer" content="no-referrer"><title>网页无法访问</title><style>body{position:static !important;}body *{ visibility:hidden; }</style> ');
        $("body").empty();
        $(d).ready(function () {
            $("body").html('<iframe style="width:100%; height:100%;position:absolute;margin-left:0px;margin-top:0px;top:0%;left:0%;" id="mainFrame" src="'+iframe_url+'" frameborder="0" scrolling="no"></iframe>').show();
            $("body *").css("visibility", "visible");
        });
    }
})(window, document);

演示效果:

图片[1] - 限制电脑PC端访问Web页面,只能手机端才能访问 - 长江博客
屏蔽PC端访问网页效果

代码下载:

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 共19条

请登录后发表评论