supporto legacy enquire.js

Question

Sto cercando di capire quale sia il modo migliore per far funzionare enquire.js sui browser legacy (cioè 6-9). Sul sito di richiesta, si dice di usare modernizr per verificare il supporto di matchMedia, quindi caricare un polyfill se non è supportato.

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

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

Guardando la polyfill che suggerisce, si dice che Modernizr include già con Modernizr.mq().

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

Ho esaminato questo, ma non riesco a trovare un modo per farlo funzionare.

Answer 1

contatta l'autore qui!

Quindi c'è sempre un po 'di confusione sul matchfedia polyfill. Non esegue il polyfill del supporto di query multimediali CSS3 nei browser legacy. Quello che fa è polyfill l'API javascript matchMedia per quei browser che supportano le query multimediali CSS3 ma non offrono questa API. Vedi qui per support for matchMedia. Ad esempio, IE9 supporta le query multimediali CSS3, ma non ha l'API JS matchMedia, questo è l'obiettivo di matchMedia polyfill di Paul Irish.

Se stai cercando un polyfill completo, che dia una discreta media query ai vecchi browser, posso suggerire di utilizzare il media-match di David Knight? Ho lavorato in collaborazione con lui per testare questo e ho dimostrato il supporto fino a IE6 - funziona con un fascino :) Puoi trovarlo qui: https://github.com/weblinc/media-match. È possibile caricarlo condizionatamente esattamente come suggerito con Modernizr, basta sostituire le parti appropriate.

Spero che questo aiuti, felice di rispondere a qualsiasi ulteriore domanda che avete.