Как сделать CSS видимым только для браузера Android телефона UC

Question

Есть ли способ сделать некоторые правила CSS видимыми только для браузера Android на телефоне Android?

Answer 1

Взгляните на эту статью: CSS: Выбор пользовательских агентов

В основном, когда вы используете этот скрипт:

var b = document.documentElement;
b.setAttribute('data-useragent',  navigator.userAgent);
b.setAttribute('data-platform', navigator.platform );
b.className += ((!!('ontouchstart' in window) || !!('onmsgesturechange' in window))?' touch':'');

Теперь вы можете использовать CSS для таргетинга на любой браузер / версию.

Итак, для Android UC я посмотрел здесь, чтобы увидеть строки пользовательских агентов для Android UC, и все они содержали текст "UCBrowser", поэтому мы можем сделать следующее:

FIDDLE

html[data-useragent*='UCBrowser'] .someRules
{
    visibility: visible;/* or display:block etc */
}