【问题标题】: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;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-07-08
    • 2011-04-09
    • 2017-09-16
    • 2021-08-30
    • 1970-01-01
    • 1970-01-01
    • 2016-01-25
    相关资源
    最近更新 更多