有些小伙伴不希望自己的網站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代碼]](http://www.zzgyrme.cn/wp-content/uploads/2023/01/ccc4d7d293150343-1024x536.jpg)
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
本站所有資源均為作者提供和網友推薦收集整理而來,僅供學習和研究使用,請在下載后24小時內刪除。
如果有侵權之處請第一時間聯系我們E-mail:630092965@qq.com刪除。敬請諒解!
THE END