如果使用javascript打开或关闭移动视图,则使用opera mini检测

时间:2011-11-29 07:00:26

标签: javascript mobile view opera

如果移动视图设置已开启,我想向Opera Mini用户显示关闭移动视图设置的说明。为此,我需要检测它是否为ON

我怎样才能使用javascript

1 个答案:

答案 0 :(得分:0)

我没有完全为你提供JavaScript解决方案,但这里有一个(虽然很弱)css解决方案:如果用户明确切换到移动视图,Opera Mini默认使用屏幕媒体类型和手持媒体类型,所以你可以通过JavaScript在页面加载后检测Opera Mini,然后插入在移动视图设置关闭时不可见的消息,反之亦然。

var operaminimobileviewmessage = document.createElement("p");

operaminimobileviewmessage.id = 'ommvm';

operaminimobileviewmessage.appendChild(document.createTextNode("Turn Mobile View Off")); 

if(Object.prototype.toString.call(window.operamini) === "[object OperaMini]"){

  document.getElementsByTagName("body")[0].appendChild(operaminimobileviewmessage);

  return false;
}

然后在你的样式表中定义元素:

<style media="screen,projection">
p#ommvm{display:none}
</style>

<style media="handheld">
p#ommvm{display:block}
</style>