UCミニブラウザのスピードモードでのみdivを表示するには？

ユーザーがuc miniブラウザをSPEED MODE（maxfunzone.comで行われた方法）で使用している場合にのみ、divを表示しようとしています。以下は私のマークアップです。このトピックに関する助けは非常に高いです。UCミニブラウザのスピードモードでのみdivを表示するには？

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>UC Mini</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    if (navigator.userAgent.match(/^Mozilla\/5\.0 .+ Gecko\/$/)) { 
    $(".info-box").show(); 
} 
else { 
    $(".info-box").hide(); 
} 
}); 
</script> 
<style> 
.info-box{display: none} 
</style> 
</head> 
<body> 
<div class="info-box"> 
some text here 
</div> 
</body> 
</html>

出典

2016-12-25 Parvez A.

なぜしたいですか？ :) – xFighter

ucミニスピードモードでは、ページのデアイングが壊れています。 ;） –

ucのミニスピードがあなたのレイアウトを壊さないならば、私はucスピードモードにバグがあるとか、適切に実装されていないと言いました。どうして？スピードモードではレイアウト、キャッシュ、イメージ、スタイルシート、jsファイル、およびページにあるその他のものを最適化して、スピードモードが動作していることをユーザーに伝える必要があるからです。これは、標準的な方法ではなく物事を速く読み込む方法ですが、あなたは間違った方法でこのアイデアを取りました。これが役に立ちます。 – xFighter

私はあなたのhtmlを更新しました。次のhtmlコードスニペットを確認してください。私はそれがあなたに役立つかもしれないと思う。

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>UC Mini</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<style> 
    /* webpage/global style goes here */ 
     h1{ 
      color:#008000; 
     } 
</style> 
</head> 
<body> 
<noscript> 
    <!-- Note: Style in 'noscript' tag will not reflect on out side elements when speed mode is off or javascript is turned on. 
     Switch modes in UC mini browser to check the difference. 
    --> 
    <style> 
    /* noscript specific style goes here. */ 
     .info-box{font-size:12px;color:#FF0000;font-weight:bold;} 
     h1{ 
      color:#2187E7; 
     } 
    </style> 
    <div class="info-box">Please turn on javascript or turn off speed mode to make site functional.</div> 
</noscript> 
<h1>HTML5 is Amazing!</h1> 
</body> 
</html>

出典

2017-01-12 18:42:27

働かない:( –

UCミニブラウザのスピードモードでのみdivを表示するには？

答えて

関連する問題