Referencia rápida

Hoja de referencia de Harvey.js

Guía rápida de Harvey.js: detectores de estado de media queries, callbacks setup/on/off y alternativas modernas como enquire.js.

· Publicado

Harvey.js es una biblioteca JavaScript ligera para monitorizar y responder a transiciones de estado en media queries CSS.

Uso

Harvey.add(
  'viewport-small',
  {
    setup: function () {
      // Se ejecuta una vez al registrarse
    },
    on: function () {
      // Se ejecuta cuando la condición de la media query pasa a verdadera
      console.log('Entered small viewport');
    },
    off: function () {
      // Se ejecuta cuando la condición de la media query pasa a falsa
      console.log('Exited small viewport');
    }
  }
);

Nota de archivo: Harvey.js es software heredado. El desarrollo web moderno suele usar detectores nativos window.matchMedia('(max-width: 600px)') o enquire.js.

Referencias

Temas relacionados