javascript - enquire.js 遗留支持

Question

我正在尝试找出让 enquire.js 在旧版浏览器(即 6-9)上工作的最佳方法。在 enquire 的网站上，它说使用 modernizr 检查 matchMedia 支持，如果不支持则加载 polyfill。

Modernizr.load([
    //first test need for polyfill
    {
        test: window.matchMedia,
        nope: "/path/to/polyfill.js"
    },

    //and then load enquire
    "/path/to/enquire.js"
]);

查看它建议的 polyfill，它说 modernizr 已经将它包含在 Modernizr.mq() 中。

    Used in:
    Respond.js
    FormFactor
    Modernizr
https://github.com/paulirish/matchMedia.js/

我已经对此进行了调查，但找不到实现此目的的方法。

Answer 1

在这里询问作者!

所以对于 matchMedia polyfill 总是有一些混淆。它不会将 CSS3 媒体查询支持填充到旧版浏览器中。它所做的是为那些支持 CSS3 媒体查询但不提供此 API 的浏览器填充 matchMedia javascript API。在这里查看 support for matchMedia .例如，IE9 支持 CSS3 媒体查询，但没有 matchMedia JS API，这是 Paul Irish 的 matchMedia polyfill 的目标。

如果您正在寻找功能齐全的 polyfill，它可以为旧浏览器提供不错的媒体查询支持，我可以建议使用 David Knight 的媒体匹配吗？我与他一起测试了这一点，并证明了对 IE6 的支持——它很有魅力 :) 你可以在这里找到:https://github.com/weblinc/media-match .您可以完全按照我对 Modernizr 的建议有条件地加载它，只需替换适当的部分即可。

希望对您有所帮助，很乐意回答您的任何其他问题。