Praktyczne wsparcie techniczne
Rozmiar ekranu, zoom i piksele CSS
Odczyt rozmiaru ekranu przeglądarki jest przydatny dla wsparcia, ale nie zawsze jest to specyfikacja wyświetlacza wydrukowana na pudełku.
Ostatnio przeglądane:
Rozmiar ekranu i przestrzeń przeglądarki odpowiadają na różne pytania
Monitor może mieć wysoką rozdzielczość sprzętową, podczas gdy przeglądarka zgłasza mniejszy ekran logiczny. Strona internetowa musi również pasować do rzeczywistego okna przeglądarki, które może być znacznie węższe niż wyświetlacz. Przed zdiagnozowaniem przyciętego formularza lub nakładającego się przycisku należy określić, którą wartość porównuje się.
Zrozum trzy główne odczyty
| Reading | Co opisuje | Użyj go dla |
|---|---|---|
| Rozmiar ekranu, w pikselach CSS | Wymiary ekranu zgłoszone przez interfejs API ekranu przeglądarki. | Zrozumienie widoku wyświetlacza w przeglądarce, z zastrzeżeniem skalowania i zachowania prywatności. |
| Okno przeglądarki, w pikselach CSS | Okno widoku układu strony, a nie na zewnątrz ramki przeglądarki. | Odtwarzanie problemu responsywnego układu lub porównywanie szerokości okien. |
| Współczynnik rozdzielczości | Relacja między pikselami urządzenia a pikselami CSS w bieżącym środowisku przeglądania. | Wyjaśnienie gęstości i niektórych efektów zoomu.To nie jest model monitora ani inwentaryzacja sprzętu. |
Dlaczego powiększenie i skalowanie wyświetlacza ma znaczenie
Piksele CSS są jednostkami układu, a nie obietnicą jednego fizycznego piksela na ekranie. Skalowanie systemu operacyjnego i powiększenie strony przeglądarki mogą zmienić sposób, w jaki te jednostki odnoszą się do wyświetlacza. Okno o tych samych wymiarach zewnętrznych może dać stronie mniej miejsca na układ przy większym powiększeniu strony. Przenoszenie przeglądarki między wyświetlaczami może również zmienić jej raportowane środowisko.
Powiększanie za pomocą przyciśnięcia palca na urządzeniu dotykowym różni się od zwykłego powiększania strony: może powiększyć wizualne okno podglądu bez zmiany okna podglądu układu w ten sam sposób. Ten kontroler zgłasza wartości układu przeglądarki, więc nie każda widoczna zmiana powiększenia zmieni numer okna. Przejdź do widoku layoutu oraz Urządzenie pixel ratio.
Odtworzenie błędu układu za pomocą jednej kontrolowanej zmiany
- Open Kontroler ekranu i okien w przeglądarce, której dotyczy problem.
- Zapisz odczyt oznaczonych okien, wersję przeglądarki i dowolny znany zoom strony.
- W stosownych przypadkach porównaj również normalne powiększenie strony w przeglądarce, bez usuwania ustawień dostępności, których potrzebujesz.
- Wróć do strony, której dotyczy problem, i powtórz tę samą czynność.
Jeśli na przykład przycisk zamówienia zachodzi na wąskie okno, ale nie na szersze, wyślij odczyty z obu okien. Daje to programiście przydatny punkt wyjścia do odtworzenia układu, ale nie dowodzi, że monitor jest wadliwy lub że należy kupić monitor o wyższej rozdzielczości.
Przechwytywanie użytecznej części strony
Przycięty zrzut ekranu może pokazać nakładanie się lub brakujące elementy sterujące. Dołącz wystarczającą ilość otaczającej treści, aby wyjaśnić, gdzie występuje problem, usuwając jednocześnie nazwy, dane konta i prywatne karty. Twoje sprawdzone dane pomocy technicznej.
Jeśli potrzebujesz natywnej rozdzielczości wyświetlacza
Mnożenie odczytu ekranu przeglądarki przez jego współczynnik pikseli nie jest wiarygodnym sposobem udowodnienia natywnej rozdzielczości panelu, zwłaszcza w przypadku powiększania, sesji zdalnych, wielu wyświetlaczy lub kontroli prywatności.