对于opera mini，使用javascript检测移动视图是打开还是关闭

Posted 2023-02-26

【中文标题】对于opera mini，使用javascript检测移动视图是打开还是关闭

【英文标题】：for opera mini detect if mobile view is on or off using javascript

【发布时间】：2011-11-29 07:00:26

【问题描述】：

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

我怎样才能使用 javascript 来做到这一点

【问题讨论】：

你可以通过放置一些元素来做到这一点，这些元素在常规视图中具有一个尺寸/位置，而在移动视图中具有另一个尺寸/位置。然后只需检查元素的大小/位置。

【参考方案1】：

我没有完全适合您的 JavaScript 解决方案，但这里有一个（尽管很弱）css 解决方案：Opera Mini 默认使用屏幕媒体类型，如果用户已明确切换到移动视图，则使用手持媒体类型，因此您可以检测到 Opera在通过 JavaScript 加载页面后迷你，然后插入一条消息，如果移动视图设置关闭，则该消息不可见，反之亦然。

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#ommvmdisplay:none
</style>

<style media="handheld">
p#ommvmdisplay:block
</style>