限制電腦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頁面只能手機端才能訪問[html代碼]
限制電腦PC端訪問網站Web頁面只能手機端才能訪問[html代碼]-愛分享導航
限制電腦PC端訪問網站Web頁面只能手機端才能訪問[html代碼]
此內容為免費資源,請登錄后查看
0
免費資源
? 版權聲明
THE END
喜歡就支持一下吧
點贊448 分享