Harvey.js é uma biblioteca JavaScript leve para monitorar e responder a transições de estado em media queries CSS.
Uso
Harvey.add(
'viewport-small',
{
setup: function () {
// Executa uma vez ao ser registrado
},
on: function () {
// Executa quando a condição da media query se torna verdadeira
console.log('Entered small viewport');
},
off: function () {
// Executa quando a condição da media query se torna falsa
console.log('Exited small viewport');
}
}
);
Nota de arquivo: Harvey.js é um software legado. O desenvolvimento web moderno costuma utilizar listeners nativos de
window.matchMedia('(max-width: 600px)')ou enquire.js.