Mira Kaya2 hours ago
First light over the bay. Tide times on
See your site on an iPhone or a Pixel, tomorrow morning, in Arabic or in dark mode, from a panel inside the page
The extension puts the panel on any site, with no change to its code. The setup prompt adds it to your own project.
try it here
Move a knob in the panel and its card shows what the page reads now.
scheme
- prefers-color-scheme
contrast
We send you a link to sign in, no password
- prefers-contrast
transparency
- prefers-reduced-transparency
vision
salesreturns
Pick a red-green filter and the two lines look the same
text size · text spacing
Reading at any size
Every size here is in rem, so it grows with the text. The last tag is 80 pixels wide and cuts its words off.
flexible widthfixed width
- root font size
- letter spacing
motion · speed · replay animations
- prefers-reduced-motion
- playbackRate
locale · direction · pseudo
CartCheckout
iPhone
Pixel
iPad
Total
- navigator.language
- direction
- number
- plural rules
clock · time zone · send to server
- date
- this page opened
- clock speed
- server got
geo · geo error
not asked yet
- position
- not asked yet
- latitude
- longitude
- accuracy
network · connection · save data
Today
- navigator.onLine
- effective type
- downlink
- round trip time
- save data
device · width · dpr · browser · bars
- viewport
- this page
- demo
- orientation
- device pixel ratio
- screen
- safe area insets
device · touch pointer
Point at each row. A touch screen has no hover, so actions that wait for one are out of reach.
- pointer
- hover
- touch points
- touch events
- last press
- none yet
The touch pointer stays on top of what the page opens
A popover is in the top layer too, and a click outside closes it
user agent
user agent
- platform
- vendor
- brands
- mobile
overflow · outlines
Push a box past the edge, then turn on overflow to mark it. Outlines draws a line around every box.
- viewport width
- page width
- scrolls sideways
grab · inspect · grab color
Press ⇧G for grab, or open inspect, and pick one of these.
- A margin of 12 pixels, a border of 4 and a padding of 12
- AAA is a web font, the rest is its fallback
- starts this line
- This line is gray on a narrow screen and in the full text color on a wide one
- This line sets a font and this part inherits it
requests
Feed
Comments
Every tap here is a real request. Open requests in the panel (⇧N) to see each one.
More requests
storage
Corner shop
- Mug
- Notebook
- Plant
Recently viewedTap a product to view it
Saved for laterTap a heart to keep one
Available offline
We keep one cookie to remember this choice.
Open storage in the panel (⇧S), edit or clear what is under knobs-demo, and watch the shop change.
- localStorage
- sessionStorage
- cookie
- IndexedDB
- Cache Storage