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

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

我已经尝试过了

@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';
}

米琪卡哇伊

浏览 49回答 2

2回答

长风秋雁

将最大宽度更改为980px@media only screen and (max-width: 980px) {  html, body {  display: none; }}

0 0

当年话下

你应该注意一些事情。-body是标签名称，而不是 a 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';

0 0

随时随地看视频慕课网APP