如何禁止在移动设备上使用网站答案

【问题标题】：How to disable use of website on mobile devices如何禁止在移动设备上使用网站
【发布时间】：2020-04-21 16:52:39
【问题描述】：

如果通过移动设备访问网站，则显示错误页面。

我已经试过了

@media only screen (max-device-width : 768px) {
    html,body { display: none; } 
}

和

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    getElementById('body').style.display = 'none';
}

【问题讨论】：

body 是您页面上的 id 还是 <body> 标签？

标签： javascript python html jquery django

【解决方案1】：

将最大宽度更改为 980px

@media only screen and (max-width: 980px) {  
html, body {
  display: none;
 }
}

【讨论】：

您的代码有效，但如果我在手机中打开桌面版，我仍然可以访问网站。
@Error 我已经更新了我的答案，您只需将 768px 更改为 980px，因为移动浏览器以桌面屏幕宽度呈现页面（通常约为 980px，尽管这因设备而异）。

【解决方案2】：

首先，请访问此处以获取检查其是否为移动浏览器的最佳方法link。

其次，你应该注意一些事情。
- body 是标签名称，而不是 id（如果您设置了 <body id="body"> then it's okay）。 getElementById 通过 id 而不是标签名称获取元素。
- getElementById可能浏览器不理解，正确的方法document.getElementById

所以在“if check”中，从上面的链接中获取，将这段代码推入，它的工作原理

document.querySelector('body').style.display = 'none';
// or
document.getElementsByTagName('body')[0].style.display = 'none';

【讨论】：

我访问了该链接并尝试了其中提供的代码，但如果我在手机上打开桌面版，我仍然可以访问该网站。