有些小伙伴不希望自己的网站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代码]](https://www.afx5.cn/wp-content/uploads/2023/01/ccc4d7d293150343-1024x536.jpg)
© 版权声明
文章版权归作者所有,未经允许请勿转载。
本站所有资源均为作者提供和网友推荐收集整理而来,仅供学习和研究使用,请在下载后24小时内删除。
如果有侵权之处请第一时间联系我们E-mail:630092965@qq.com删除。敬请谅解!
THE END