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

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.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

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

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