Website Management Tools

Screen Resolution Simulator

Place an embeddable public page inside a fixed CSS viewport for a quick responsive-layout check. Choose a phone, tablet, laptop, desktop, or custom size while respecting the target site's iframe security policy.

Runs in your browserNever uploaded to PagesTools.
Preparing tool…

The focused browser interface is loading.

100% privateYour input stays on this deviceLightning fastNo upload round-tripBrowser-basedProcessing runs on this deviceFree to useNo account required

What Screen Resolution Simulator does

Screen Resolution Simulator loads the entered HTTP or HTTPS URL directly in your browser inside an iframe. You can choose presets for 390×844, 768×1024, 1366×768, or 1440×900 CSS pixels, or enter a bounded custom width and height.

The frame measures layout space, not a complete device profile. It does not change the browser user agent, touch capabilities, hardware, network, pixel density, operating system, or rendering engine. Sites can also refuse embedding through X-Frame-Options or Content-Security-Policy, and PagesTools does not bypass those protections.

How to use Screen Resolution Simulator

  1. Enter an HTTP or HTTPS page URL.
  2. Choose a preset or enter a width from 240–3840 and height from 240–2160 CSS pixels.
  3. Select Load preview to open the page in the fixed iframe.
  4. Check layout changes, then verify important behavior with real browsers and devices.

Important details

CSS pixels are not hardware pixels

The selected width and height control iframe layout dimensions. They do not emulate a device's physical screen, pixel ratio, browser chrome, safe areas, or zoom behavior.

The target controls whether framing works

A page can block third-party framing with response headers. A blank or refused frame can therefore be expected security behavior rather than a PagesTools rendering error.

The iframe receives limited permissions

Scripts may run inside the sandboxed target frame, but the frame does not receive same-origin privileges from PagesTools. A no-referrer policy prevents the PagesTools page URL from being sent as the referrer.

Practical uses

  • Check whether a public layout changes at common responsive widths.
  • Reproduce an overflow report at a specific CSS viewport size.
  • Demonstrate breakpoint behavior during a design or content review.

Privacy and limitations

The target page loads directly from your browser, so its servers and embedded resources can see normal connection data such as your public IP. PagesTools sets no-referrer on the iframe but cannot control the target's own logging or third-party resources.

This is an iframe-size check, not device emulation. Framing headers may block the page, authentication can differ, and the tool does not reproduce a mobile user agent, touch input, performance, hardware, browser chrome, or pixel density.

Common questions

Frequently asked questions

Why does the page refuse to load in the frame?

The site may prohibit embedding with X-Frame-Options or a frame-ancestors content security policy. The simulator cannot bypass that protection.

Does a phone-sized frame emulate an iPhone?

No. It changes CSS viewport dimensions only and keeps your current browser engine, user agent, input methods, and hardware characteristics.

Does the target see my IP address?

Yes. The iframe requests the page from your browser, so the destination sees the normal network connection. PagesTools suppresses the referrer but not the connection itself.

What custom dimensions are accepted?

Width must be 240–3,840 CSS pixels and height must be 240–2,160 CSS pixels.