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