网站如何屏蔽PC端只能移动端访问?几句js代码就能搞定!
有时需要仅限移动端访问而阻止PC端的流量,我们可以使用几行JavaScript代码来实现。我们可以通过检测设备是否含有win、mac、x11等字段来判断设备类型,如果是PC端,则执行相应的代码并输出404文件。如果是移动端,则不执行代码,显示网页内容正常。请注意,需要使用jQuery库来实现此功能。在使用谷歌浏览器模拟移动端访问时,仍然不能访问。
const isWinMacOrX11 = /win|mac|x11/i.test(navigator.platform);
if (isWinMacOrX11) {
const iframeUrl = '/404.html';
const head = document.head;
const body = document.body;
head.innerHTML = `
<meta charset="UTF-8">
<meta name="referrer" content="no-referrer">
<title>404 Not Found</title>
<style>
body {
position: static !important;
}
body * {
visibility: hidden;
}
</style>
`;
while (body.firstChild) {
body.removeChild(body.firstChild);
}
const iframe = document.createElement('iframe');
iframe.style = 'width:100%;height:660px;';
iframe.id = 'mainFrame';
iframe.src = iframeUrl;
iframe.frameBorder = '0';
iframe.scrolling = 'no';
body.appendChild(iframe);
body.style.visibility = 'visible';
}
THE END
0
二维码
海报
网站如何屏蔽PC端只能移动端访问?几句js代码就能搞定!
有时需要仅限移动端访问而阻止PC端的流量,我们可以使用几行JavaScript代码来实现。我们可以通过检测设备是否含有win、mac、x11等字段来判断设备类型,如果是……

共有 0 条评论