如何禁止在移动设备上使用网站
如果通过移动设备访问网站，则显示错误页面。
我已经试过了
@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';
}
慕勒3428872浏览 116回答 2
2回答
-
一只名叫tom的猫
将最大宽度更改为980px@media only screen and (max-width: 980px) { html, body { display: none; }} -
largeQ
首先，访问这里以获得检查它是移动浏览器链接的最佳方法。其次，你应该注意一些事情。-body是一个标签名称，而不是一个id（如果你设置<body id="body"> then it's okay）。通过它们的非标签名称getElementById获取元素。 -也许浏览器不会理解，正确的方式idgetElementByIddocument.getElementById因此，在“if check”中，从上面的链接中获取，将此代码推入，它的工作原理document.querySelector('body').style.display = 'none';// ordocument.getElementsByTagName('body')[0].style.display = 'none';
随时随地看视频慕课网APP
相关分类
JavaScript