Cách nhận kích thước vật lý của màn hình (ví dụ: tính bằng inch)?

Question

Tôi đang cố gắng tìm ra cách để có được kích thước vật lý của màn hình thiết bị thông qua Javascript. Cho đến nay, kết luận của tôi là nó hiện không thể, nhưng tôi hy vọng ai đó có thể chứng minh tôi sai :).

Cho đến nay tôi đã cố gắng lấy thông tin này bằng cách tìm DPI của thiết bị, nhưng dường như không có cách nào để có được giá trị chính xác ở đây, như tất cả các thiết bị tôi đã thử nghiệm (một số thiết bị Android HDSI & XHDPI, iPhone4S, iPad 2 và iPad 3) báo cáo 96DPI.

Phương pháp đầu tiên của việc thu thập các Sở KH & ĐT tôi đã cố gắng là một trong những bạn có thể tìm thấy ở khắp mọi nơi trên internet: tạo ra một div có chiều rộng CSS của 1in, có clientWidth hoặc offsetWidth và có DPI của bạn của nó. Không hoạt động, tất cả các thiết bị báo cáo 96.

Phương pháp thứ hai được sử dụng resolution media query, một cái gì đó dọc theo dòng:

for (var i=90; i < 400; i++) { 
    if (matchMedia('(resolution: ' + i + 'dpi)').matches) { 
     return i; 
    } 
} 

Tôi nghĩ đó là một giải pháp thông minh, nhưng tiếc rằng trả 96 cũng .

Còn gì để tôi có thể thử không?

Answer 1

96 "DPI" là một tiêu chuẩn web mà có ít để làm với thực tế. Các inch nó đo được coi là tốt nhất "hợp lý" inch, tương ứng với số liệu phông chữ và các phép đo CSS (có thể bao gồm các điểm và inch). Một "điểm" trong kiểu chữ được xác định là 1/72 inch, nhưng màn hình đã dừng được liên tục 72 DPI trước đây. Vì vậy, tất cả các điểm CSS thực sự có nghĩa là bây giờ là một phông chữ 96 điểm cao 72 pixel. (Và đó là các điểm ảnh hợp lý, vì vấn đề hiện đang bị các màn hình hi-DPI làm xáo trộn thêm.)

Nhưng dù sao, hầu hết các hệ điều hành gốc không biết gì về kích thước màn hình thực của chúng, vì vậy chúng thậm chí không có thông tin về việc họ có thể tiếp xúc với ứng dụng web thông qua trình duyệt. Những gì bạn đang yêu cầu là không thể.

Answer 2

Hãy xem this post. Nó thực hiện với:

<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi">