Harvey.js — лёгкая вспомогательная библиотека JavaScript для отслеживания и реакции на смену состояний CSS медиа-запросов.
Использование
Harvey.add(
'viewport-small',
{
setup: function () {
// Выполняется один раз при регистрации
},
on: function () {
// Выполняется, когда условие медиа-запроса становится истинным
console.log('Entered small viewport');
},
off: function () {
// Выполняется, когда условие медиа-запроса становится ложным
console.log('Exited small viewport');
}
}
);
Архивная заметка: Harvey.js является устаревшей библиотекой. В современной веб-разработке обычно применяют нативный
window.matchMedia('(max-width: 600px)')или enquire.js.