javascript - 将用户转移到静态浏览器不支持页面

Question

目前我正在尝试在我的 Meteor 应用程序中构建一个页面，让用户知道他们的浏览器不受支持。

问题是我的 Meteor 应用似乎根本无法在 IE6-9 上加载。我只是得到一个空白页。

我想要的是，在一切开始之前，如果我可以将他们定向到一个静态站点，告诉他们他们的浏览器不可用。

这就是我所拥有的，但它似乎没有用

layout.html页面

<template name="layout">

{{#if isOldBrowser }}
    {{> upgradeBrowser}}
{{else}}
<div class="{{iif currentUser 'padded' 'padded-top'}}">
    {{#unless getConfigSetting 'showLandingPageOnly' false}}
    {{> layoutNavbar }}
    {{> layoutConnectionStatus }}
    {{/unless}}
    {{> loginDialog }}
    {{> feedbackDialog }}
    {{> teamNameDialog }}
    {{> teamTimeDialog }}
    {{> teamAddParticipantDialog }}
    {{> teamEditParticipantDialog }}
    {{yield}}
</div>
{{/if}}

我的全局 Handlebars

Handlebars.registerHelper 'isOldBrowser', () ->
    BrowserDetect.browser == 'Explorer' && BrowserDetect.version < 10

我的升级浏览器模板

    <template name="upgradeBrowser">
<h1>Sorry mate! Your browser is a bit ancient! Try upgrading to <a href="www.google.com/chrome">Chrome</a></h1>
</template>

PS - 我可能还会提到我只使用 IE11 内置的开发人员工具中的文档模式设置。它可能会发生它可能会起作用，但我真的没有任何方法来测试它，因为我没有旧版本 IE 的实例

Answer 1

您只需放入第三方包即可为您处理。

我可以推荐 https://atmosphere.meteor.com/package/redirect-ie-7-lower 中的任何一个或 https://atmosphere.meteor.com/package/browser-detection还有一个设备检测包https://atmosphere.meteor.com/package/device-detection

也就是说，浏览器/设备检测有很多问题。它们可能具有误导性甚至欺骗性， meteor 社区的普遍共识是您应该采用更现代的方法，例如优雅降级或通过特征检测进行增量改进。

阅读此主题 https://groups.google.com/d/topic/meteor-talk/ku7kvNJp8ek/discussion求不同意见。