Как отключить использование сайта на мобильных устройствах - PullRequest
Новая
       4

Как отключить использование сайта на мобильных устройствах

0 голосов
/ 21 апреля 2020

Отображение страницы ошибки, если веб-сайт доступен через мобильный телефон.

Я уже пробовал 

@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 ]

0 голосов
/ 21 апреля 2020

Изменить максимальную ширину на 980px

@media only screen and (max-width: 980px) {  
html, body {
  display: none;
 }
}
0 голосов
/ 21 апреля 2020

Во-первых, зайдите сюда, чтобы получить лучший способ проверить, что это мобильный браузер ссылка .

Во-вторых, вы должны кое-что обратить внимание.
- body - это имя тега , а не id (если вы установите <body id="body"> then it's okay). getElementById получить элемент по их id, а не по имени тега.
- getElementById возможно, браузер не будет понят, правильный путь document.getElementById

Таким образом, в "если проверка" получить ссылку выше, pu sh этот код в, он работает 

document.querySelector('body').style.display = 'none';
// or
document.getElementsByTagName('body')[0].style.display = 'none';
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...