Detekuje rozlišení obrazovky, velikost viewportu, DPI a barevnou hloubku v reálném čase.
Co je rozlišení obrazovky?
Rozlišení obrazovky je počet zobrazených pixelů, vyjádřený jako šířka × výška (např. 1920×1080). Vyšší rozlišení znamená více pixelů a ostřejší obraz.
Co je poměr pixelů zařízení (DPR)?
DPR je poměr fyzických pixelů k CSS pixelům. DPR 2 znamená, že jeden CSS pixel používá 2×2 fyzické pixely. Retina displeje mají obvykle DPR 2 nebo 3.
Jaký je rozdíl mezi obrazovkou a viewportem?
Rozlišení obrazovky je celková velikost displeje. Viewport je viditelná oblast webové stránky v okně prohlížeče, menší kvůli panelům nástrojů a posuvníkům.
Proč se rozlišení mění při změně velikosti prohlížeče?
Při změně velikosti okna prohlížeče se mění velikost viewportu, ale rozlišení obrazovky zůstává stejné. Tento nástroj sleduje obojí v reálném čase.