Độ Phân Giải Màn Hình Của Tôi Là Bao Nhiêu?
Công cụ kiểm tra độ phân giải màn hình tự động phát hiện độ phân giải và hiển thị màn hình của bạn theo pixel vật lý ngay khi trang vừa tải. Nó còn đọc viewport trình duyệt, device pixel ratio, độ sâu màu và tỉ lệ khung hình, cho bạn một bức tranh đầy đủ về màn hình mà không cần mở bất kỳ cài đặt hệ thống nào.
Công cụ này dành cho lập trình viên web kiểm tra bố cục responsive, nhà thiết kế xem hình ảnh hiển thị thế nào ở các kích thước khác nhau, game thủ tinh chỉnh thiết lập màn hình, và bất cứ ai tò mò về việc màn hình hay điện thoại của mình đang làm gì. Chuyển qua lại giữa phần tham chiếu Độ phân giải phổ biến và chế độ xem Breakpoint để so sánh màn hình của bạn với các thiết bị chuẩn và breakpoint CSS theo thời gian thực.
Cách Dùng Công Cụ Kiểm Tra Độ Phân Giải Màn Hình
Đọc màn hình và viewport
Trang sẽ tự động phát hiện mọi thứ. Độ phân giải màn hình hiển thị số pixel gốc của màn hình, còn Viewport trình duyệt hiển thị kích thước hiện tại của vùng nội dung trên trình duyệt.
Xem các chỉ số chi tiết
Phía dưới phần hiển thị chính, bạn sẽ thấy Tổng số pixel tính theo megapixel, Device Pixel Ratio, Độ sâu màu và Tỉ lệ khung hình. Chạm vào biểu tượng thông tin trên mỗi thẻ để xem giải thích ngắn gọn.
So sánh với độ phân giải tham chiếu
Chuyển sang Độ phân giải phổ biến để đối chiếu màn hình của bạn với các chuẩn máy bàn, laptop, máy tính bảng và điện thoại, hoặc sang Breakpoint để xem viewport của bạn nằm trong breakpoint CSS nào. Các mục trùng khớp sẽ được làm nổi bật.
Sao chép thông tin màn hình
Nhấn Sao chép thông tin hoặc nhấn Ctrl+C (Cmd+C trên Mac) để sao chép mọi chi tiết vào bộ nhớ tạm, sẵn sàng dán vào báo cáo lỗi hay ghi chú kiểm thử.
Tính Năng
Phát Hiện Theo Thời Gian Thực
Mọi giá trị cập nhật tức thì khi bạn đổi kích thước cửa sổ, thay đổi thu phóng màn hình hay xoay thiết bị.
Mô Phỏng Thiết Bị Trực Quan
Khung mô phỏng trên màn hình tự chuyển giữa máy bàn, laptop, máy tính bảng và điện thoại để khớp với viewport hiện tại.
Phát Hiện Thu Phóng Màn Hình
Khi hệ điều hành thu phóng màn hình, công cụ hiển thị cả độ phân giải gốc lẫn sau thu phóng cùng phần trăm thu phóng chính xác.
So Sánh Với Độ Phân Giải Chuẩn
Đối chiếu màn hình của bạn với các độ phân giải máy bàn, laptop, máy tính bảng và điện thoại phổ biến, mục trùng khớp được làm nổi bật.
Chỉ Báo Breakpoint CSS
Xem viewport của bạn đang nằm trong breakpoint Bootstrap 5 nào (XS, SM, MD, LG, XL, 2XL).
Sao Chép Chỉ Với Một Cú Nhấp
Sao chép độ phân giải gốc, viewport, số pixel, DPR, độ sâu màu, tỉ lệ khung hình, loại thiết bị và breakpoint chỉ với một cú nhấp.
Câu Hỏi Thường Gặp
Độ phân giải màn hình của tôi là bao nhiêu?
Độ phân giải màn hình là số pixel vật lý mà màn hình có thể hiển thị, viết theo dạng chiều rộng nhân chiều cao (ví dụ 1920 × 1080). Công cụ này phát hiện tự động và hiển thị trong thẻ Độ phân giải màn hình ngay khi trang vừa mở.
Làm sao kiểm tra độ phân giải màn hình trên trình duyệt?
Chỉ cần mở trang này. Nó đọc độ phân giải trực tiếp từ trình duyệt bằng JavaScript, nên không cần cài đặt hay thiết lập gì. Cách hoạt động giống nhau trên trình duyệt máy bàn, laptop, máy tính bảng và điện thoại.
Độ phân giải như 1920x1080 nghĩa là gì?
Nghĩa là màn hình rộng 1920 pixel và cao 1080 pixel, tức là Full HD. Càng nhiều pixel thì hình ảnh thường càng sắc nét. Công cụ tự gắn nhãn cho các độ phân giải phổ biến như HD, Full HD, QHD, 4K UHD, 5K và 8K UHD, đồng thời hiển thị tổng số theo megapixel.
Độ phân giải màn hình và kích thước viewport khác nhau thế nào?
Độ phân giải màn hình là toàn bộ số pixel của màn hình. Viewport trình duyệt là vùng hiển thị nhỏ hơn nơi nội dung web được vẽ ra, vì nó không tính thanh công cụ của trình duyệt và thanh tác vụ của hệ điều hành. Viewport thay đổi khi bạn đổi kích thước cửa sổ; độ phân giải màn hình thì không.
Vì sao độ phân giải của tôi khác với thông số của màn hình?
Gần như luôn là do thu phóng màn hình. Các hệ thống hiện đại thu phóng màn hình mật độ điểm ảnh cao để chữ to hơn, nên một màn hình 4K ở mức thu phóng 150% sẽ báo độ phân giải hiệu dụng là 2560 × 1440 trong khi độ phân giải gốc vẫn là 3840 × 2160. Công cụ hiển thị cả hai giá trị cùng phần trăm thu phóng.
Device Pixel Ratio (DPR) là gì?
Device Pixel Ratio là số pixel vật lý tạo thành một pixel CSS. DPR 2x, thường gặp trên màn hình Retina và các màn hình HiDPI khác, nghĩa là bốn pixel vật lý (2 × 2) dựng nên mỗi pixel CSS, giúp chữ và hình ảnh sắc nét hơn. DPR càng cao thì màn hình càng dày đặc pixel.
Breakpoint CSS ở đây hoạt động thế nào?
Breakpoint CSS là các mức chiều rộng viewport nơi bố cục responsive thay đổi. Chế độ xem Breakpoint dùng các khoảng của Bootstrap 5 — XS (dưới 576px), SM, MD, LG, XL và 2XL (từ 1400px trở lên) — và làm nổi bật khoảng mà viewport của bạn đang nằm trong, rất tiện khi kiểm thử thiết kế responsive.
Thông tin màn hình của tôi có bị gửi lên máy chủ nào không?
Không. Toàn bộ việc phát hiện chạy hoàn toàn trong trình duyệt của bạn bằng JavaScript. Độ phân giải, viewport và chi tiết thiết bị của bạn không bao giờ được truyền tới máy chủ của chúng tôi hay bất kỳ bên thứ ba nào, nên quyền riêng tư của bạn được giữ trọn vẹn.
Tôi có dùng được công cụ này trên điện thoại hay máy tính bảng không?
Có. Công cụ chạy được trên mọi thiết bị có trình duyệt hiện đại. Trên điện thoại và máy tính bảng, bạn có thể xoay thiết bị để xem kích thước viewport, hướng màn hình và tỉ lệ khung hình cập nhật trực tiếp.
Chưa có bình luận nào. Hãy là người đầu tiên!