Référence rapide

Aide-mémoire Harvey.js

Guide de référence rapide pour Harvey.js : écouteurs d’état de media queries, callbacks setup/on/off et alternatives modernes comme enquire.js.

· Publié le

Harvey.js est une bibliothèque utilitaire JavaScript légère permettant de surveiller et de réagir aux transitions d’état des requêtes média CSS.

Utilisation

Harvey.add(
  'viewport-small',
  {
    setup: function () {
      // S’exécute une seule fois à l’enregistrement
    },
    on: function () {
      // S’exécute lorsque la condition media query devient vraie
      console.log('Entered small viewport');
    },
    off: function () {
      // S’exécute lorsque la condition media query devient fausse
      console.log('Exited small viewport');
    }
  }
);

Note d’archive : Harvey.js est un logiciel hérité. Le développement web moderne repose généralement sur les écouteurs natifs window.matchMedia('(max-width: 600px)') ou enquire.js.

Références

Sujets associés