Wie wird ein div nur im UC mini Browser angezeigt?

Unten ist ein einfaches Markup. Kann mir bitte jemand helfen mit einem Skript das ein div mit Klasse "Info-Box" nur im uc mini Browser anzeigt. Es sollte im Rest des Browsers versteckt sein.Wie wird ein div nur im UC mini Browser angezeigt?

<!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>

Quelle

2016-12-22 Parvez A.

umschließen Targeting immer ** ** Stil Tag innerhalb ** Kopf ** .. –

Versuchen Sie folgendes:

CSS:

.info-box { 
    display: none; 
}

jQuery:

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

Obwohl dies funktioniert, ist es meist nicht zu empfehlen. Sie sollten sich auf einen universelleren Ansatz konzentrieren.

Quelle

2016-12-22 05:22:56

danken Ihnen. Es läuft gut. Gibt es eine Möglichkeit, das gleiche div nur im Geschwindigkeitsmodus anzuzeigen? Grüße. –

Die beiden Muster, für UC Browser und UC Mini -> # UC Browser "Mozilla/5.0 (..) .. UC Browser/10.7.9.856 U2/1.0.0 .." # UC Mini mit Speed-Modus Ein (standardmäßig aktiviert) "UCWEB/2.0 (..) .. UCBrowser/10.7.9.856 U2/1.0.0 Mobil" Sie können das Muster in der Antwort entsprechend Ihren Anforderungen ändern. Bitte markieren Sie die Antwort als richtig, wenn Sie das Gefühl haben. Prost! –

Hi Shobhit, ich habe die Antwort bereits als richtig markiert. Nun, um ganz offen zu sein, ich bin ein Laie. Diese Muster ergeben für mich keinen Sinn. Können Sie den Code wie gewohnt aktualisieren? –

Hier ist die CSS, für Browser

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

Quelle

2016-12-22 05:29:46

Danke, aber es hat nicht funktioniert. –

Wie wird ein div nur im UC mini Browser angezeigt?

Antwort

Verwandte Themen