android - 如何使 CSS 仅对 Android 手机 UC 浏览器可见

Question

有没有办法让一些 CSS 规则只对 Android 手机 UC 浏览器可见？

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”，因此我们可以执行以下操作：

小提琴

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