Harvey.js is a lightweight JavaScript helper library for monitoring and responding to CSS media query state transitions.
Usage
Harvey.add(
'viewport-small',
{
setup: function () {
// Runs once when registered
},
on: function () {
// Runs when media query condition becomes true
console.log('Entered small viewport');
},
off: function () {
// Runs when media query condition becomes false
console.log('Exited small viewport');
}
}
);
Archived note: Harvey.js is legacy software. Modern web development typically relies on native
window.matchMedia('(max-width: 600px)')event listeners or enquire.js.