javascript - 现代化测试

Question

这怎么会同时提示 yes 和 false？

Modernizr.load([
    {
        test: Modernizr.cssgradients,
        yep: alert('Supports it!'),
        nope: alert('Oh, damn! This browser sucks!')
    }
]);

我在 OS X 上使用最新的 chrome。

Answer 1

因为您直接在那里调用 alert()，alert() 的结果(总是 undefined)被分配给yep 和 nope 属性。您需要将 alert() 包装在一个函数中并改为分配该函数:

Modernizr.load([
    {
        test: Modernizr.cssgradients,
        yep: function () { alert('Supports it!') },
        nope: function () { alert('Oh, damn! This browser sucks!') }
    }
]);

这仍然 不会工作，因为它不是yepnope 的工作方式。 yep 和 nope 应该是加载的 JS 文件的路径:

Modernizr.load([
    {
        test: Modernizr.cssgradients,
        nope: 'cssgradients-shim.js'  //-> load a JS file to draw your gradients
    }
]);

正如您自己发现的那样，如果您不想使用集成的 yepnope.js，您可以传统方式使用 Modernizr:

if (!Modernizr.cssgradients) {
    alert('Oh, damn! This browser sucks!');
}