如何使CSS仅在安卓手机UC浏览器上可见

Question

如何使CSS仅在安卓手机UC浏览器上可见

androidcssuser-agent

3

有没有一种方法只在安卓手机的UC浏览器中显示某些CSS规则？

- anglimasS

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Danield · Accepted Answer

请看这篇文章：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 */
}