Opera Mini の「Extreme Mode」はデバイスごとに異なるようです。Opera Mini の同じバージョンの background-size (たとえば) でも、Extreme Mode を搭載した iPhone や Opera Mini Java エミュレータ アプリでは動作しますが、動作しません。エクストリーム モードの Android 5 で。
公式ドキュメント ( https://dev.opera.com/articles/opera-mini-and-javascript/ ) を見てきましたが、これに関する情報は提供されていません。
これらの明らかに異なるモードを区別できるようにしたいと思います。
現在、このスクリプトを使用して Opera Mini モードを検出していますがisOperaExtreme
、iPhone と Android の両方に当てはまります。背景サイズが機能しない場合にテキスト フォールバックを使用したい。
// start opera detect
// Check if current browser is Opera
var isOpera = window.opera | window.opr | ( navigator.userAgent.indexOf(' OPR/') > -1 ) | ( navigator.userAgent.indexOf(' Coast/') > -1 ) | ( navigator.userAgent.indexOf(' OPiOS/') > -1 );
// Check if the Opera browser is Opera Mini or Opera Mobile in regular mode (called High Savings Mode)
var isOperaHigh = (navigator.userAgent.indexOf('OPR/') > -1) && (navigator.userAgent.indexOf('Mobile') > -1) && (navigator.userAgent.indexOf('Presto/') < 0);
// Check if the Opera browser is Opera Mini in Extreme Savings Mode
var isOperaExtreme = (navigator.userAgent.indexOf('Opera Mini/') > -1) && (navigator.userAgent.indexOf('Presto/') > -1);
// end opera detect
$('#opera-detection-1').html('isOpera: ' + isOpera);
$('#opera-detection-2').html('isOperaHigh: ' + isOperaHigh);
$('#opera-detection-3').html('isOperaExtreme: ' + isOperaExtreme);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="opera-detection-1">
</div>
<div id="opera-detection-2">
</div>
<div id="opera-detection-3">
</div>