如何仅在 UC mini 浏览器中显示 div？答案

【问题标题】：How to display a div only in UC mini browser?如何仅在 UC mini 浏览器中显示 div？
【发布时间】：2016-12-22 05:15:29
【问题描述】：

下面是一个简单的标记。谁能帮我编写一个脚本，该脚本仅在 uc mini 浏览器中显示带有“信息框”类的 div。它应该隐藏在浏览器的其余部分中。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>UC Mini</title>
</head>
<style>
.info-box {
  display:none;
}
</style>
<body>
<div class="info-box">My content here</div>
</body>
</html>

【问题讨论】：

总是将 style 标签包含在 head.. 中

标签： javascript jquery css proxy

【解决方案1】：

试试这个：

CSS：

.info-box {
  display: none;
}

jQuery:

if (navigator.userAgent.match(/^Mozilla\/5\.0 .+ Gecko\/$/)) {
  $(".info-box").show();
}
else {
  $(".info-box").hide();
}

虽然这可行，但大多不推荐。您应该专注于更通用的方法。

【讨论】：

谢谢。它运作良好。有没有办法只在速度模式下显示相同的 div？问候。
两种模式，用于 UC Browser 和 UC Mini -> # UC Browser "Mozilla/5.0 (..) .. UCBrowser/10.7.9.856 U2/1.0.0 .." # UC Mini with速度模式开启（默认启用）“UCWEB/2.0 (..) .. UCBrowser/10.7.9.856 U2/1.0.0 Mobile” 您可以根据您的要求修改答案中的模式以匹配。如果您觉得正确，请将答案标记为正确。干杯！
嗨 Shobhit，我已经将答案标记为正确。现在坦率地说，我是外行。这些模式对我来说毫无意义。您能否像之前一样更新代码。

【解决方案2】：

这是用于定位浏览器的 CSS

html[data-useragent*='UCBrowser'] .info-box
{
  display: block;
}

【讨论】：