Как скрыть элемент в приложении Android Webview с помощью веб-сайта начальной загрузки?

#javascript #android #twitter-bootstrap-3 #webview

#javascript #Android #twitter-bootstrap-3 #webview

Вопрос:

Я создал приложение Android webview для своего веб-сайта bootstrap 3.

Теперь я хочу разместить что-то вроде этого в заголовке веб-сайта

 <div class="visible-xs">{google play icon to promote the app}</div>
 

Этот элемент должен быть виден при открытии веб-сайта на мобильном устройстве. Но скрыт при открытии приложения webview.

Идеальным решением было бы, если бы это можно было сделать, изменив / добавив код на веб-сайте, а не в приложении webview.

Возможно ли это?

Ответ №1:

Вы можете попробовать использовать медиа-запросы CSS.

Я имею в виду что-то вроде этого:

 .visible-xs{
    visibility: visible;
}

@media (max-width: 1000px) {

    .visible-xs {
        visibility: hidden;
    }

}
 

Комментарии:

1. Не уверен, что это было бы правильным решением, поскольку оно может скрывать и другие элементы. Хотя спасибо

2. Вы правы, он будет скрывать и другие элементы, имеющие тот же класс. Но вы можете определить определенный класс или идентификатор только для значка Google Play