我尝试使用的方法是这样的:
- 一个脚本验证“CSS3”属性在用户浏览器中是否可用。(转换属性)
- 如果不是,则 JavaScript 文件将作为后备下载(这将执行动画)
我的问题是:
如何将 JS 文件下载到用户浏览器中?这甚至可能吗?你还有什么建议的方法?
PS:这个领域真的很新,所以请帮忙!谢谢!
我尝试使用的方法是这样的:
我的问题是:
如何将 JS 文件下载到用户浏览器中?这甚至可能吗?你还有什么建议的方法?
PS:这个领域真的很新,所以请帮忙!谢谢!
为什么要稍后下载脚本?将脚本直接放在头部并将其包装在 if-else-clause 中,以便它什么都不做,如果 CSS3 可用...
否则,您可以更改 DOM 并在头部放置一个新脚本......
这是一个非常简单的实现,它检查 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>
此外,这里是一个polyfill 列表,您可以使用它们在旧版浏览器中重现现代功能(但在此要小心,可能会对性能造成很大影响)。
希望有帮助!