Detect zoom level in all modern browsers

Question

I was wondering if there is a way to determine the page zoom level that is supported by all modern browsers. I already tried this: how-to-detect-page-zoom-level-in-all-modern-browsers

but unfortunately, it is not fully compatible with all browsers I tried.

Is there a more general jquery method or library for this?

Answer 1

It depends on your purpose. If you only need the current scaling, which you can use:

window.devicePixelRatio 

But the value is not equal to the zoom level for all devices, because on HighDPI devices (4k Display, Smartphone, ...), the initial value is not equal to 1, since default scaling is used to compensate for higher pixel resolution.