YepNote的使用方法
时间:2014-6-21
本章已经介绍了在CSS和JavaScript中使用媒介查询来加载依赖于设备尺寸的资源,但是应该如何应对其他各类可能会被测试的能力和功能?用户可能会希望加载浏览器是否支持控制器或特定API的资源.用户可以编写反向测试每个关键从属关系的自定义函数,但使用YepNope.js这类的条件装载器会是更好的选择.
YepNote的原理非常简单,用户需要为YepNote提供一个测试条件,随便根据结果批定一个需要加载的资源,举一个简单的例子,测试一下浏览器是否有控制吕,如果没有,测试它是否会加载一个虚拟控制器.
YepNote(
{
test:window.console,
nope:'foo.js'
}
)
从这代码中可以很容易地观察到测试过程,yepnope函数被调用,它有两个属性,一个属性是test,这个属性是返回true或false的条件,另一个属性是nope,这个属性是test属性的返回值是false时需要加载的资源,如果window.console得到支持那么没有程序动迁如果不支持,则加载foo.js。