—
insets t r b l—
100dvh—
vh − dvh—
scroll y—
viewport meta changing these reloads the page
viewport & units
heights
widths
Orange bars are JS values (innerHeight, visualViewport.height).
The dashed line is the real viewport edge, so any gap a unit leaves is visible.
safe area
force insets blank = use env()
simulate insets
content
keyboard
A large drop in innerHeight with an unchanged width is the software
keyboard. If the viewport never shrank, the webview uses
interactive-widget=overlays-content and fixed bottom UI will be covered.
pointer & hover
hover test
no pointer over the target
media queries
live probes green = matches
environment
client hints
storage & network
Partitioning can only be proven from a real cross-site context. Embed this page in a cross-origin iframe, or point the target at another host.