Three engines cover every browser
Every browser you can name runs on one of three engines. Chromium stands for Chrome, Edge, Brave and Android. WebKit is Safari, and every browser on an iPhone, because Apple requires it. Firefox is Firefox.
Free developer tool
Screenshot any page in every browser, at every size.
Shot Matrix loads a page in Chromium, Firefox and WebKit at eight real device widths and hands you every screenshot in one zip, so the layout that breaks at 360px turns up here instead of on a customer’s phone.
Results
Twenty-four screenshots, and what they can’t show you
Eight widths people actually have
From a 1920 desktop down to 360px, the narrow Android floor where layouts break first. Tablet and phone sizes get touch and a mobile user agent, because plenty of sites change their menu on either.
What a picture can’t show
Each shot is flagged if the page scrolls sideways, if a stylesheet, font, script or image failed to load, if it threw a JavaScript error, or if the server answered with an error page. The page lists what it found; the zip’s report.json has every detail.
Good to know
- Nothing is clicked.
- Cookie banners and pop-ups appear exactly as a first-time visitor sees them.
- Public pages only.
- It can’t reach anything behind a login, on localhost, or on a private network.
- Rendered at 1x.
- Full-page shots stop at 10,000px tall. The terminal version below has no limit and uses each device’s real pixel density.
- Firefox has no mobile mode.
- Its phone-width shots get the width, which is what most responsive CSS keys on, but not touch.
- WebKit is the engine, not the app.
- These are Playwright’s builds of Safari’s engine. Read those shots as “WebKit says”, not “Safari says”.
- Yours, then gone.
- Up to six runs an hour per account, one at a time. The zip is the only copy: ours is deleted the moment it downloads, or 10 minutes after the run if it never does.
Open source
Run it from your terminal
The same matrix with no limits. It uses real pixel densities, can render dark mode, and takes a --dismiss selector for cookie banners. Each run writes a contact sheet you open locally.
# Node 18+ and about 400 MB of browsers
git clone https://github.com/brandon95547/shotmatrix
cd shotmatrix && npm install
npx playwright install chromium firefox webkit
node shot.mjs https://your-site.comFound something broken?
We fix responsive layouts and build sites that hold up at every width. Send us what the screenshots showed.