Sometimes, we want to get the device width in JavaScript.
In this article, we’ll look at how to get the device width in JavaScript.
How to get the device width in JavaScript?
To get the device width in JavaScript, we use the window.innerWidth or screen.width properties.
For instance, we write
const width = window.innerWidth > 0 ? window.innerWidth : screen.width;
to check if window.innerWidth is bigger than 0.
If it is, then we return that as the width.
Otherwise, we return screen.width.
window.innerWidth is available in the desktop.
And screen.width is available on mobile devices.
Conclusion
To get the device width in JavaScript, we use the window.innerWidth or screen.width properties.
