Screen Ruler
Simulan ang ruler overlay, i-click ang dalawang punto sa nakikitang page, at basahin ang pahalang, patayo, at tuwid na distansya.
Browser screen ruler
- Viewport
- —
- Laki ng screen ayon sa browser
- —
- Device pixel ratio
- —
Hindi pisikal na milimetro ang CSS pixel. Nakaaapekto ang browser zoom at display scaling sa laki nito.
I-click ang dalawang punto sa nakikitang viewport.
Paano gamitin
Paano gamitin
- Tingnan ang viewport, iniulat na laki ng screen, at device pixel ratio.
- Simulan ang pagsukat at i-click ang dalawang punto sa viewport.
- Basahin ang distansya sa CSS pixel; pindutin ang Escape o Exit para isara ang overlay.
Mga coordinate ng viewport sa CSS pixel
Binabasa ng overlay ang lokasyon ng pointer sa CSS pixel at kinukuwenta ang pahalang, patayo, at Euclidean na distansya. Nakaaapekto ang browser zoom, layout ng page, at device pixel ratio sa ugnayan ng CSS at device pixel.
Impormasyong iniulat ng browser
Mga value na inilalantad ng browser ang laki ng screen, laki ng viewport, at devicePixelRatio. Hindi nito ibinibigay ang naka-calibrate na pisikal na DPI o ginagarantiya ang totoong sukat.
Pansamantalang lokal na sukat
Tumatakbo ang overlay sa page na ito at hindi ina-upload o sine-save ang mga coordinate. Mabubura ang sukat kapag ni-reset o iniwan ang page.
Mga madalas itanong
Maaari mo ring alamin
Pisikal bang milimetro ito?
Hindi. CSS pixel sa viewport ang sinusukat. Kailangan ng calibration gamit ang bagay na alam ang sukat para sa pisikal na haba; nagbabago ito sa display scaling o browser zoom.
Ano ang device pixel ratio?
Ratio ito ng device pixel at CSS pixel na iniulat ng browser. Hindi ito kumpletong sukat ng pisikal na pixel density.
Maaari bang sukatin saanman sa browser window?
Sinasaklaw ng overlay ang nakikitang viewport. Nananatiling nagagamit ang maliit na control panel; ang pag-click dito ay para sa control, hindi panukat na punto.