Sprawdzanie rozdzielczości ekranu

Wysyłasz raport o błędzie z prośbą o rozwiązanie, testujesz responsywny układ lub po prostu zastanawiasz się, jaka jest rzeczywista liczba pikseli Twojego telefonu? Ta strona odczytuje wszystko bezpośrednio z przeglądarki: rozdzielczość ekranu, bieżący rozmiar widocznego obszaru, stosunek pikseli urządzenia, głębię kolorów i orientację.

Dwie najbardziej mylone liczby są pokazane obok siebie. Rozdzielczość ekranu to wartość raportowana przez sprzęt wyświetlający w pikselach CSS; rzutnia to obszar, który przeglądarka faktycznie udostępnia stronom internetowym — mniejszy ze względu na paski narzędzi, paski przewijania i rozmiar okna. Zmień rozmiar okna i obserwuj na żywo wartości rzutni.

Współczynnik pikseli urządzenia (DPR) wyjaśnia, dlaczego laptop reklamujący rozdzielczość 2880 × 1800 zgłasza rozdzielczość 1440 × 900: na ekranach o dużej gęstości każdy piksel CSS jest rysowany z wieloma pikselami fizycznymi. Narzędzie pokazuje współczynnik i mnoży go, dzięki czemu widzisz zarówno CSS, jak i fizyczną rozdzielczość wyświetlacza.

Na dole znajduje się gotowa do skopiowania linia podsumowania ze wszystkimi wartościami — wklej ją do zgłoszenia do pomocy technicznej, listy kontrolnej kontroli jakości lub czatu z projektantem. Wszystko jest odczytywane lokalnie za pośrednictwem standardowych interfejsów API przeglądarki i nigdy nie opuszcza Twojego urządzenia.