yepnote的使用方法
作者:佚名 時間:2014-06-21 分享到:
本章已經(jīng)介紹了在css和javascript中使用媒介查詢來加載依賴于設(shè)備尺寸的資源,但是應(yīng)該如何應(yīng)對其他各類可能會被測試的能力和功能?用戶可能會希望加載瀏覽器是否支持控制器或特定api的資源.用戶可以編寫反向測試每個關(guān)鍵從屬關(guān)系的自定義函數(shù),但使用yepnope.js這類的條件裝載器會是更好的選擇.
yepnote的原理非常簡單,用戶需要為yepnote提供一個測試條件,隨便根據(jù)結(jié)果批定一個需要加載的資源,舉一個簡單的例子,測試一下瀏覽器是否有控制呂,如果沒有,測試它是否會加載一個虛擬控制器.
yepnote(
{
test:window.console,
nope:'foo.js'
}
)
從這代碼中可以很容易地觀察到測試過程,yepnope函數(shù)被調(diào)用,它有兩個屬性,一個屬性是test,這個屬性是返回true或false的條件,另一個屬性是nope,這個屬性是test屬性的返回值是false時需要加載的資源,如果window.console得到支持那么沒有程序動遷如果不支持,則加載foo.js。