Я хочу, чтобы уведомление появлялось на экране, если кто-то пытается просмотреть мою веб-страницу в мобильном браузере, сообщая им, что это не должно быть возможно.Первоначально я пытался жестко закодировать это в класс App.js
, но решил использовать компонент.Тем не менее, когда я пытаюсь проверить, идет ли на мобильную связь (с помощью эмуляции Edge, доступной из правого клика + элемент inspect), уведомление не отображается.но я не вижу этогоОднако, когда я смотрю на «элементы», я вижу это в иерархии, и на экране есть место, где он дает схему, но ничего не видно с точки зрения того, что должно делать предупреждение.У меня есть файл .css для предупреждения, но он просто font-family
и text-align
.
ОБНОВЛЕНИЕ: Я также пытался сделать это в методе App.js render()
:
<MobileView>
<button
onLoad={() => {
if(isMobile){
alert.show('This page is not optimized for mobile!')
}
}}
>
Show Alert
</button>
</MobileView>
Я изменил его с кнопки на предупреждение, и ничего не вижу.При этом, когда я использую браузер, симулирую мобильный, а затем проверяю элемент, где я перехожу к элементам и стилям, я могу снять флажок с «непрозрачностью 0» или отредактировать значение.Как я могу сделать это в коде, если я поменяю кнопку на Alert ???