Question

我尝试使用的方法是这样的：

脚本验证用户浏览器中是否有'CSS3'属性。（过渡属性）
如果不是，那么JavaScript文件将作为后备下载（这将执行动画）

我的问题是：

如何将JS文件下载到用户浏览器中？这甚至可能吗？您还建议采用其他哪些方法？

PS：这个领域真的很新，所以请帮忙！谢谢！

Answer 1

为什么以后下载脚本？将脚本直接放在头部并将其包装在if-else子句中，这样如果CSS3可用，它就什么都不做......

否则你可以改变DOM并在头部放置一个新脚本......

Answer 2

这是一个非常简单的实现，它检查css转换支持，如果不存在，则加载外部JS文件：

<强> HTML

 <!-- make sure you include <script> link to to modernizr.js in your <head> before this script -->
    <script>
      // if browser does not support transitions. If not, load in our polyfill
        Modernizr.load({
          test: Modernizr.csstransitions,
          nope: '/js/polyfill.js'
        });// END Modernizr.load
    </script>

此外还有一个list of polyfills可用于在旧版浏览器中重现现代功能（但要谨慎，可能会有很大的性能损失）。

希望有所帮助！

从CSS3回退到Javascript

2 个答案: