使用Modernizr.load [英] Use of Modernizr.load
问题描述
我正在使用Modernizr进行有条件的资源加载.我的代码是
I am using Modernizr for conditional loading of resources. My code is
<link rel="stylesheet" type="text/css" media="all" href="stylesheet/style.css" />
<script type="text/javascript" src="javascript/jQuery/jquery-1.8.1.min.js"></script>
<script src="javascript/stickyheader/jquery.fixedheadertable.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="javascript/stickyheader/defaultTheme.css" />
<script type="text/javascript" src="javascript/modernizr/modernizr.2.6.2.js"></script>
<script type="text/javascript">
Modernizr.load([ {
// If browser supports touch
test : Modernizr.touch,
//Load iPad related resorces
yep : [ 'javascript/ipad-default.js', 'javascript/touchscroll.js', 'javascript/ipad-scroll.js',
'javascript/mobile.js' ],
// Load common resorces
load : ['javascript/ipad-default.js']
} ]);
</script>
这很好.但是我想知道在测试Modernizr.touch
时是否可以加载Modernizr.load
中的所有资源.
This is working fine. But I am wondering if I can load all resources in Modernizr.load
when I test for Modernizr.touch
.
为清楚起见,我想加载Modernizr.load
中的所有资源.
To be clear I want to load all resources within Modernizr.load
.
我该怎么做?这是个好方法吗?
推荐答案
可以.将资源加载程序用于Web应用程序绝对是一个好方法.但是,我发现通过Modernizr加载所有CSS时,页面渲染有些破烂.
Yes you can. It definitely is a good approach to use a resource loader for a web application. However, I found the page rendering to be a little shattering when loading all CSS through Modernizr.
// You can load CSS just like JS
Modernizr.load("stylesheet/style.css", [
{
test : Modernizr.touch,
yep : [ 'javascript/touchscroll.js', 'javascript/ipad-scroll.js', 'javascript/mobile.js' ],
load : [ 'javascript/ipad-default.js' ] // No need to specify this in 'yep' too
}]);
因为Modernizr.load
建立在yepnope.js
上,所以 yepnope文档对于资源加载比对资源加载更有趣Modernizr教程.如果您不介意其他框架,我可以推荐 requirejs .这确实有助于解耦和加载组件.
Because Modernizr.load
is built on yepnope.js
, the yepnope documentation is a little more interesting for resource loading than the Modernizr tutorials. If you don't mind yet another framework, I can recommend requirejs. This one really helps to decouple and load your components.
这篇关于使用Modernizr.load的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!