2

我想检测用户何时使用 Metro vs Desktop IE10。

我在网上搜索了很多,我发现的结论是,如果用户以 IE10 Metro 风格或桌面风格运行,没有 100% 的方法可以找出(使用代码)。然后我找到了一些网站,它有一个检测activeX的avascript。

这足以检测 Metro vs Desktop 吗?

代码如下:

    <html>
<body>
<script type="text/javascript">
var myActiveX = null;
var isActiveXCapable = false;

function InitMyActiveX() {

  try {
    new ActiveXObject("");
  }
  catch (e) {
    // FF has ReferenceError here
    if (e.name == 'TypeError' || e.name == 'Error') {
      isActiveXCapable = true;
    }
  }
  try {
    myActiveX = new ActiveXObject("My.ActiveX");
  }
  catch (e) {
    myActiveX = null;
  }

  if (myActiveX != null) {
    document.getElementById("myInfo").innerHTML = myActiveX.GetSomeInfo();
  } else {

    document.getElementById("CallMyActiveX").setAttribute("disabled", "disabled");

    if (!isActiveXCapable) {
      document.getElementById("myInfo").innerHTML = "Browser does not support ActiveX";
    } else {
      document.getElementById("myInfo").innerHTML = "MyActiveX is not installed";
    }
  }
}

function DoSomething() {
InitMyActiveX();
  if (myActiveX != null) {
    var s = myActiveX.DoSomething();
    document.getElementById("myResult").innerHTML = s;
  }

}
</script>

<div id="myInfo"></div>
<input type="button" id="CallMyActiveX" value="Call me" onclick="DoSomething()"  />
<div id="myResult"></div>
</body>
</html>

仅在 IE10 桌面上执行时,我看到“未安装 MyActiveX”。在 Firefox 中,我得到:“未安装 MyActiveX”。我会在 IE10 Metro 风格中得到相同的结果吗?这将有助于确定是否在地铁中运行?

如果这不正确并且无法区分它们,那么我如何完全模仿 IE10 桌面中的 Metro 风格?我如何完全禁用activeX,这样它会给我与metro Ie10相同的结果?

谢谢, 塔尔

4

3 回答 3

3

在爬网寻找解决方案以确定我的 IE10 是作为桌面版还是 Metro 版运行后,我最终将所有内容汇总在以下函数中:

function checkForIE10MetroStyle() {
var result = false;
if (window.navigator.msPointerEnabled && window.navigator.msMaxTouchPoints >= 2) {
    var platF = navigator.platform;
    var cpu = navigator.cpuClass;

    if (platF.toLowerCase() == 'win64' || cpu.toLowerCase() == 'arm') {
        // both potential platforms found - now search deeper
        try {
            // IE10 Metro does not support ActiveX
            new ActiveXObject("htmlfile");
        } catch (e) {
            // finally check for fullscreen-mode
            result = (window.innerWidth == screen.width && window.innerHeight == screen.height);
        }
    }
}

return result;

}

不幸的是,没有确切的可能性 100% 确定......但首先我检查 msPointerEnabled 和(但这不是必需的)是否至少有两个“接触点”可用。由于我的脚本在触摸版和鼠标版之间会有所不同,因此我需要进行此检查-您可以简单地将其省略。

但是由于 IE10 还支持 msPointerEnabled,因此我遵循许多人建议的平台字符串...结合 CPU,因为 MS Surface 运行 ARM。最后是两点:ActiveX 和分辨率...

但不幸的是,如果你想的话,即使所有这些点都可以用具有触摸功能的台式机/笔记本电脑来模拟......嗯,到目前为止很难让你的桌面 IE10 但并非不可能。

如果 MS 能够实现一个简单的属性来判断是否触摸以及桌面或地铁,我会喜欢它......但他们没有。

希望我的代码可以帮助你?

于 2013-02-25T08:52:44.593 回答
0

IE10 Metro 和 IE10 桌面版的功能几乎相同(IE10 桌面支持插件,IE10 Metro 不支持)。如果您希望用户使用桌面版本并且他们使用的是 Metro 版本,那么最好的方法是引导他们使用桌面版本。考虑到用户是 IE10 Metro 版,你希望他使用 IE10 桌面版,他可以在导航栏中点击 2 次打开桌面版....这将是最好的方法从 IE10 Metro 版打开 IE10 桌面版

于 2013-05-02T21:17:41.430 回答
0

继 Tomaž Ščavničar 的回答之后,如果有帮助,您似乎可以强制用户使用桌面版本。

这个 SO 帖子有更多信息:

强制 UI/Metro 中的 IE10 切换到桌面模式

于 2013-06-11T10:02:33.103 回答