How to use Webpage Screen Resolution Simulator
- Enter a public URLType the full address of the page, including https://, in the Public URL field.
- Set width and heightAdjust Width (240 to 1600 px) and Height (320 to 1400 px). The defaults of 390 × 844 match a typical modern phone.
- Preview the pagePress Run Webpage Screen Resolution Simulator to load the page inside a frame of that size, then scroll through it.
Common uses
- Checking a responsive layout at phone or tablet widths
- Showing a client how their homepage fits a small screen
- Spotting content that overflows at a narrow width
Frequently asked questions
How do I use Webpage Screen Resolution Simulator?
1. Enter a public URL: Type the full address of the page, including https://, in the Public URL field. 2. Set width and height: Adjust Width (240 to 1600 px) and Height (320 to 1400 px). The defaults of 390 × 844 match a typical modern phone. 3. Preview the page: Press Run Webpage Screen Resolution Simulator to load the page inside a frame of that size, then scroll through it.
Why is the preview blank?
Many sites forbid being shown inside a frame on another website, using headers such as X-Frame-Options. Your browser then refuses to display them, and only the site owner can change that.
Is this the same as testing on a real phone?
No. Only the frame size changes. Your browser, user agent and pixel density stay the same, so touch behaviour and device-specific code are not simulated.
Which pages work best?
Public HTTPS pages. Plain HTTP pages are usually blocked inside this secure site, and sign-in pages often refuse to load in a frame.
Who loads the page?
Your own browser loads the page directly inside the frame, so the site sees your visit as usual. The URL and sizes are submitted to the GigaTools server only to check them and build the preview.