如何僅在UC mini瀏覽器中顯示div？

下面是一個簡單的標記。任何人都可以請幫助我一個腳本，只顯示與類「信息框」在微型迷你瀏覽器的div。它應該隱藏在瀏覽器的其餘部分。如何僅在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>

來源

2016-12-22 Parvez A.

務必附上** **風格**內head標籤** .. –

試試這個：

CSS：

.info-box { 
    display: none; 
}

的jQuery：

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

雖然這個作品，大多是不推薦。你應該關注更普遍的方法。

來源

2016-12-22 05:22:56

謝謝。它運作良好。有沒有一種方法可以在速度模式下顯示同一個div？此致敬禮。 –

兩個圖案，UC瀏覽器和UC迷你 - > ＃UC瀏覽器「的Mozilla/5.0（..）.. UC瀏覽器/ 10.7.9.856 U2/1.0.0 ..」＃UC贈送與速度模式開啓（默認啓用）「UCWEB/2.0（..）.. UCBrowser/10.7.9.856 U2/1.0.0 Mobile」您可以根據需要修改答案中的模式。如果您有這種感覺，請將答案標記爲正確。乾杯! –

嗨Shobhit，我已經標記了答案是正確的。現在坦率地說，我是一名外行。這些模式對我來說毫無意義。您可以像以前所做的那樣更新代碼。 –

這裏是CSS，靶向瀏覽器

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

來源

2016-12-22 05:29:46

謝謝，但它沒有奏效。 –

如何僅在UC mini瀏覽器中顯示div？

回答

相關問題