matchMedia - JS media queries

Instead of trying to copy media queries functionality in Javascript by using window.innerWidth or installing external packages for that.

Just simply use window.matchMedia which does exactly what you are looking for

if (window.matchMedia('all and (max-width: 767px)').matches) { 
  console.log('do something');
}

It works exactly like CSS media queries and has 100% browser support.

Tweet