Test a website on multiple screen sizes
Type the website address and choose the devices. Each screen opens the page at the device's real width, scaled down to fit here.
How to useYour website on every screen
Available in: 
Test a website on multiple screen sizes: what it is for
Type the address and choose the devices: small phone (360 px), iPhone (390), large phone (430), tablet (768), laptop (1280) and monitor (1440). Each screen opens the page at the device's real width, scaled down by the chosen zoom, and you can scroll inside each one.
It works with your own websites and with localhost. Sites that block being opened inside others show up blank.
How to use
- Type the website address.
- Choose the devices, the scale and the height.
- Scroll each screen and check the layout.
When to use it
- Checking a responsive website before publishing.
- Showing a client how the site looks on a phone.
- Testing sites in development on localhost.
Frequently asked questions
Why don't some websites show up?
Many large websites (Google, banks, social networks) forbid being opened inside another site, with the X-Frame-Options or frame-ancestors headers, and the screen stays blank. Your own websites usually show up normally. If it doesn't, use the device mode in the browser's developer tools (F12).
Is the preview identical to a real phone?
The width is the same, so the responsive layout is the same. But the browser is still your computer's: fonts, scrolling, touch and phone features may differ. Also test on a real device before publishing.
Does it work with localhost sites?
Yes, if the local server is running on your computer and the address starts with http://localhost or http://127.0.0.1.
Is it really free?
Yes, 100% free. No sign-up, no subscription and no usage limits. All Tools123 tools are free and run right in your browser.