使用webshims和modernizr获取较旧的浏览器支持

时间:2013-12-29 16:29:39

标签: javascript jquery html5 jquery-mobile modernizr

我正在开发一个JQM移动网站,并且我需要添加对IE8的支持并使用modernizr,在我的项目中我使用地理位置,画布,localStorage,html5表单和css3设计等功能,我正在尝试使用webshims,根据我的理解,支持所有这些功能但我必须在阅读文档时错过了一些东西,因为我不认为它的工作得很好(尝试了IE开发人员工具模拟器来测试它但没什么好开心的),这里是顶部的我的HTML代码:

 <!DOCTYPE html>
<html clas="no-js">
<head>
      <title>Ziv's car rental</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
   <script src="scripts/modernizr.custom.75297.js"></script>   
<script src="scripts/polyfiller.js"></script>
<script type="text/javascript">

$(document).ready(function(){   
    $.webshims.polyfill()
});

</script>

“polyfiller.js”是webshims附带的js文件, 我错过了什么?

1 个答案:

答案 0 :(得分:0)

Modernizr除了特征检测之外不一定做任何事情。例如,如果你想在javascript中进行检查,让我们说css转换支持,你会做这样的事情:

if (Modernizr.csstransitions) {
  // Do modern things
} else {
  // Do old things
}

至于它添加到HTML元素的类,由你决定如何通过样式表使用它们。