网站如何屏蔽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