检测浏览器是否支持famo.us

Question

我想检测访问者浏览器是否能够运行famo.us - 如果不能重定向它们。

我的第一个想法是Modernizr，并检测浏览器是否能够进行CSS 3D转换，但我担心这可能太严重了，因为famo.us可能会通过填充程序添加一些向后兼容性。

我目前正在使用WURFL进行设备检测，但据我所知，这并没有提供足够的浏览器信息。

对此有何想法？

Answer 1

famo.us所依赖的突出特点是CSS preserve-3d，这是进行CSS 3D变换的关键，以及famo.us依赖于正确渲染的内容。

您可以使用Modernizr的cutting edge 3.0 beta来专门测试此支持。我推荐使用它来阅读用户代理，因为你总会以某种方式得到奇怪的误报。 使用当前的2.x版本无效，因为testAllProps不支持这两种参数语法。

if(Modernizr.testAllProps('transformStyle', 'preserve-3d')){

    //true
    // run famo.us code!
}
else
{
    //false
    // famo.us 3d transforms won't work right, so lets compromise
}

在Modernizr团队部分进行跟踪已经付出了相当大的努力，所以如果您发现任何问题，请告诉他们here。

Answer 2

您需要通过用户代理来检测浏览器和版本。参见：

https://stackoverflow.com/questions/23219710/famo-us-browsers-supports

https://github.com/Famous/famous