مرجع سريع

ورقة غش Harvey.js

دليل مرجعي سريع لمكتبة Harvey.js: مستمعو حالة استعلامات الوسائط، دوال setup/on/off، والبدائل الحديثة مثل enquire.js و matchMedia.

· تاريخ النشر

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.

المراجع

موضوعات ذات صلة