Chi tiết màn hình và khung nhìn
Kiểm tra độ phân giải màn hình
Xem kích thước màn hình và cửa sổ trình duyệt, tỷ lệ điểm ảnh, độ phân giải vật lý ước tính, hướng và độ sâu màu.
Kiểm tra độ phân giải màn hình
Công cụ này đo lường những gì
CSS pixel, pixel của thiết bị và khung nhìn của trình duyệt là các phép đo khác nhau. Tỷ lệ pixel của thiết bị kết nối khung nhìn CSS với kích thước pixel hỗ trợ ước tính.
Cách sử dụng nó
- Đọc giá trị màn hình và khung nhìn.
- Thay đổi kích thước trình duyệt để xem cập nhật giá trị khung nhìn.
- Sử dụng toàn màn hình để giảm chrome trình duyệt khi so sánh kích thước.
Tại sao mọi người kiểm tra độ phân giải màn hình
- Tìm độ phân giải được báo cáo của máy tính hoặc điện thoại
- Giải thích tại sao kích thước trang web và ảnh chụp màn hình lại khác nhau
- So sánh tỷ lệ hệ điều hành, thu phóng trình duyệt và DPR
Kích thước màn hình, khung nhìn và DPR
Kích thước màn hình là vùng hiển thị được trình duyệt báo cáo, khung nhìn là không gian có sẵn cho trang và DPR liên kết CSS pixel với pixel của thiết bị.
Lặp lại bài kiểm tra
Sử dụng nhiều lần chạy trong cùng điều kiện trước khi rút ra kết luận từ một giá trị duy nhất.
So sánh thích với thích
Giữ trình duyệt, kích thước cửa sổ, kết nối thiết bị và chế độ nguồn nhất quán khi so sánh kết quả.
CSS pixel không phải là pixel vật lý
Ở tỷ lệ hệ thống 150% hoặc mức thu phóng của trình duyệt khác, cùng một bảng điều khiển có thể báo cáo các kích thước CSS khác nhau.
Các pixel vật lý được ước tính
Kích thước màn hình CSS nhân với DPR là ngữ cảnh hữu ích nhưng tính năng bảo vệ quyền riêng tư và thiết lập nhiều màn hình có thể khiến màn hình này khác với độ phân giải của bảng điều khiển gốc.
Giới hạn đo
Thu phóng trình duyệt, chia tỷ lệ hiển thị, nhiều màn hình và bảo vệ quyền riêng tư có thể ảnh hưởng đến các giá trị được báo cáo.
Quyền riêng tư
Các phép đo được tính toán cục bộ trong trình duyệt của bạn và không được công cụ tải lên.
Khi dữ liệu độ phân giải trông không mong muốn
Giữ trang hoạt động
Việc điều chỉnh tab nền, tiện ích mở rộng trình duyệt và các ứng dụng bận rộn khác có thể ảnh hưởng đến các phép đo của trình duyệt.
Kiểm tra lại trong điều kiện được kiểm soát
Tải lại trang, giữ nguyên cài đặt và lặp lại phép đo trước khi coi giá trị ngoại lệ là lỗi.
Kiểm tra cả hai điều khiển chia tỷ lệ
Tỷ lệ hiển thị của hệ điều hành và thu phóng trang trình duyệt đều ảnh hưởng đến kích thước CSS và cần được kiểm tra cùng nhau.
Tài khoản cho nhiều màn hình
Sau khi di chuyển cửa sổ sang màn hình khác, DPR và kích thước khả dụng chỉ có thể cập nhật sau khi thay đổi kích thước hoặc sự kiện cửa sổ.
Câu hỏi về độ phân giải màn hình
Đây có phải là bài kiểm tra chứng nhận phần cứng không?
Không. Đây là chẩn đoán phía trình duyệt nhằm mục đích so sánh và khắc phục sự cố chứ không phải để chứng nhận trong phòng thí nghiệm.
Dữ liệu thử nghiệm được xử lý ở đâu?
Phép đo được tính toán trong tab trình duyệt này và công cụ không tải dữ liệu đầu vào thử nghiệm thô lên.
DPR cao hơn có nghĩa là màn hình sắc nét hơn không?
Số DPR chỉ là tỷ lệ giữa CSS và pixel của thiết bị; kích thước vật lý và độ phân giải gốc cũng xác định mật độ pixel.
Tại sao khung nhìn nhỏ hơn màn hình?
Các thanh công cụ, thanh bên, đường viền cửa sổ và chế độ không toàn màn hình của trình duyệt đều làm giảm diện tích có sẵn cho trang web.