SVG动画的跨浏览器兼容性问题

Question

我想知道是否有人可以帮助我修复我的SVG动画，因此它适用于各种浏览器。它似乎在chrome和safari上工作正常但在通过firefox加载时会被破坏。如果没有修复，有没有办法在使用非webkit浏览器时显示建议使用chrome或safari的消息？我知道浏览器嗅探是不受欢迎的，我正在看现代化，但不知道在这种情况下要检测哪些功能。

http://codepen.io/morkett/pen/VjByYj

SwitchPoint()

制作此内容的天才会在您使用firefox时显示一条消息：

http://species-in-pieces.com/#

任何建议都会非常感激。

Answer 1

这太棒了！您可以使用此代码来探索浏览器是否为firefox：

<script>

    var isFirefox = typeof InstallTrigger !== 'undefined';

    if (isFirefox) {
        alert('Go get chrome!');
    }

</script>