Check your layout in Safari-sized frames.
Load any page into iPhone, iPad and macOS Safari viewports, then review safe-area, dark-mode and overflow findings before your team does. Setup is remembered next visit.
Preview setup
Side-by-side previews
3 viewports · portrait · system
iPhone 15 Pro
393×852 · 3x/sampleiOS 17
Aa
Chrome ≈ 66px · scroll inside the frame to test folding.
Checks
All clearLoading the page…
iPad Air 11"
820×1180 · 2x/sampleiPadOS 17
Aa
Chrome ≈ 66px · scroll inside the frame to test folding.
Checks
All clearLoading the page…
Safari on macOS
1440×900 · 2x/sample
AaChrome ≈ 60px · scroll inside the frame to test folding.
Checks
All clearLoading the page…
Findings summary
Checks appear here once a preview has loaded. Add a URL and pick your viewports.
Compare two versions
Same viewport, two builds — diff spacing and typography side by side or stacked.
Add a second URL to see the two builds side by side.