Detect zoom level on all modern browsers

Question

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

but unfortunately it is not fully compatible with all the browser I tried.

Is there a more general method, or a jquery library to achieve that?

Possible duplicate of [How to detect page zoom level in all modern browsers?](https://stackoverflow.com/questions/1713771/how-to-detect-page-zoom-level-in-all-modern-browsers) — ZachB, Oct 19 '18 at 23:23

score 5 · Answer 1 · answered Jul 16 '15 at 05:16

5

It depends on what your goal. If you only need the current scaling you can use:

window.devicePixelRatio

But the value is not equal to the zoom level on all devices because on HighDPI devices (4k Display, Smartphone, …) the start value is not 1 because there is a default zoom to compensate the higher pixel resolution.

answered Jul 16 '15 at 05:16

ctron

674
9
15

2

The value returned from this is unaltered by browser zoom level changes in Safari (10.1) – Mr Sorbose Apr 19 '17 at 14:52
That methods is if not good as it behaves in weird and unpredictabe ways accross browser and their respective versions – Obi Dennis Chizolu Nov 18 '19 at 08:44

Detect zoom level on all modern browsers

1 Answers1

Linked