为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

米琪卡哇伊 2024-01-22 20:53:42
如果通过移动设备访问网站,则显示错误页面。我已经尝试过了@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'; }
查看完整描述

2 回答

?
长风秋雁

TA贡献1757条经验 获得超7个赞

将最大宽度更改为980px


@media only screen and (max-width: 980px) {  

html, body {

  display: none;

 }

}


查看完整回答
反对 回复 2024-01-22
?
当年话下

TA贡献1890条经验 获得超9个赞

你应该注意一些事情。

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


查看完整回答
反对 回复 2024-01-22
  • 2 回答
  • 0 关注
  • 116 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信