Használata
- Nyissa meg az oldalt. Az értékeket a böngésző azonnal beolvassa.
- Méretezze át az ablakot, vagy forgassa el az eszközét, hogy lássa a nézetablak méretének és tájolásának frissülését.
- Használja a „Mindent másolás” gombot, hogy beillessze a részleteket egy hibajelentésbe vagy támogatási kérésbe.
Hogyan működik
A böngészők a méreteket CSS-képpontokban adják meg, abban a mértékegységben, amelyet a weboldalak az elrendezéshez használnak. Nagy pixelsűrűségű kijelzőkön egy CSS-képpont több fizikai képponttal jelenik meg: az eszközképpont-arány (DPR) mutatja meg, hogy hánnyal. Egy telefon, amely 390 × 844 értéket és 3-as DPR-t jelent, körülbelül 1170 × 2532 eszközképpontos panellel rendelkezik. Asztali gépen a böngésző nagyítása és az operációs rendszer kijelzőméretezése is megváltoztatja a DPR-t és a CSS-méretet, így egy 2560 × 1440-es monitor 125%-os méretezésnél 2048 × 1152 értéket jelent.
A képernyőfelbontás a teljes kijelzőt jelenti; az elérhető terület nem tartalmazza az állandó operációsrendszer-sávokat, például a Windows tálcáját vagy a macOS menüsorát; a viewport a böngészőablak azon része, ahol az oldal megjelenik, eszköztárak nélkül, de a görgetősávot is beleértve. A viewport az, amire a CSS média-lekérdezések, például a min-width: 768px reagálnak, ezért ezt az értéket érdemes ellenőrizni reszponzív elrendezések tesztelésekor.
A színséma és a csökkentett mozgás értékei ugyanazokból a CSS-médiafunkciókból származnak, amelyekkel a weboldalak alkalmazkodnak az Ön rendszerbeállításaihoz. A márka, a platform és a mobil adat a User-Agent Client Hints szolgáltatásból származik, amelyet csak a Chromium-alapú böngészők biztosítanak. Egyes böngészők szándékosan kerekítik vagy rögzítik ezeket az értékeket az ujjlenyomat-képzés csökkentése érdekében, ezért előfordulhat, hogy nem pontosan egyeznek a hardverével.
Példák
Reszponzív elrendezés tesztelése
Egy kolléga laptopján hibásan jelenik meg az elrendezés. A részletekből kiderül, hogy a viewport 1280 × 649, a DPR pedig 1,5. Állítsa be böngészője eszköztárán ugyanezt a viewportot a probléma reprodukálásához.
Képméretek kiválasztása
Egy termékkép 400 CSS-képpont szélességben jelenik meg. Egy 3-as DPR-ű telefonon 1200 képpontra van szüksége ahhoz, hogy éles legyen; ez mutatja meg, milyen méreteket érdemes felvenni a srcset-be.
Monitor méretezésének ellenőrzése
Egy 3840 × 2160-as monitor 2560 × 1440-et jelent 1,5 DPR-rel: a Windows 150%-kal méretezi a kijelzőt.
Gyakori kérdések
Miért tér el a képernyőfelbontás a monitorom specifikációjától?
A böngészők CSS-pixeleket jelentenek, amelyek a fizikai pixelek és a skálázási tényező hányadosai. Az eszközpixel-aránnyal való szorzással közelíthető a hardveres felbontás. A böngésző nagyítása is megváltoztatja a jelentett értéket.
Mi a különbség a képernyőméret és a nézetablak mérete között?
A képernyőméret a teljes kijelzőt jelenti. A nézetablak csak a böngészőablak azon területe, ahol az oldal megjelenik, így kisebb, és megváltozik, ha átméretezi az ablakot vagy megnyitja a fejlesztői eszközöket.
Használják ezt az információt a nyomon követésemre?
Ez az oldal nem teszi ezt: az értékek csak Önnek jelennek meg, és nem tárolódnak vagy kerülnek elküldésre sehová. A webhelyek ugyanezeket az értékeket olvashatják, ezért egyes böngészők kerekítik őket, hogy nehezebb legyen az ujjlenyomat-alapú azonosítás.
Miért jelenik meg az érintéstámogatás a laptopomon?
Az érintéstámogatás a böngésző által jelentett érintési pontok számán alapul. Az érintőképernyős laptopok akkor is jelentik ezeket, ha Ön főleg egeret használ, és egyes illesztőprogramok vagy távoli asztali beállítások érintéstámogatást jelentenek érintőképernyő nélkül is.
Adatvédelem
Minden értéket a böngészőjében futó JavaScript olvas be, és csak Önnek jelenik meg. Semmi sem kerül tárolásra, feltöltésre vagy elemzési adatokba; csak egy anonim esemény kerül rögzítésre arról, hogy az eszközt megnyitották és használták.