Phát hiện mức thu phóng trên tất cả các trình duyệt hiện đại

Question

Tôi đã tự hỏi liệu có cách nào để phát hiện mức thu phóng trang được hỗ trợ bởi tất cả các trình duyệt hiện đại hay không. Tôi đã thử điều này: how-to-detect-page-zoom-level-in-all-modern-browsers

nhưng tiếc là nó không hoàn toàn tương thích với tất cả trình duyệt tôi đã thử.

Có phương pháp tổng quát hơn hay thư viện jquery để đạt được điều đó không?

Answer 1

Điều đó tùy thuộc vào mục tiêu của bạn. Nếu bạn chỉ cần mở rộng quy mô hiện tại bạn có thể sử dụng:

window.devicePixelRatio 

Nhưng giá trị không phải là tương đương với mức zoom trên tất cả các thiết bị bởi vì trên các thiết bị HighDPI (4k hiển thị, điện thoại thông minh, ...) giá trị ban đầu không phải là 1 vì có một thu phóng mặc định để bù lại độ phân giải pixel cao hơn.