devpack
EnglishDeutschFrançaisEspañolPortuguês (Brasil)
Site Audit

Website Device Simulator

Enter a URL to preview your site on phones, tablets, laptops and desktops. Rotate the screen, compare three sizes side by side, and save your own custom devices.

Updated
Add a custom device

This tool fetches the public URL you enter from our server. Results are held in temporary memory for a few minutes and never stored in a database.

How to use the Website Device Simulator

  1. Enter your website’s address and click Preview.
  2. Choose a phone, tablet, laptop or desktop size, then use Rotate for landscape.
  3. Use Compare to see phone, tablet and laptop views side by side.
  4. Add your own sizes under Add a custom device. They’re saved in this browser.

What this simulator shows

It loads your page at a device’s width and height, so your responsive layout and CSS breakpoints behave as they would at that size. That makes it quick for spotting broken layouts, cut-off text and tables that overflow.

What it can’t show

It isn’t a real device. It doesn’t change the browser engine, so an iPhone size here still runs in your own browser. Features that depend on the user agent or touch hardware may differ. Before launch, test on real phones, or use your browser’s device mode for more detail.

Why some sites stay blank

Many sites send X-Frame-Options or a frame-ancestors rule, which stops them from loading inside another page. When the tool finds these, it shows a real screenshot at that device size instead, so you can still check the layout, but links and scrolling won’t work. For full-page captures, use the Mobile Website Screenshot tool.

Are the device sizes exact?

The sizes are common viewport values in CSS pixels, not the physical resolution. Real browsers lose some height to their toolbars, so treat them as a close guide.

Also searched as: responsive design checker, mobile website tester, responsive website test, test website on different devices, iphone simulator online, screen size tester, ipad view of website, mobile view of website.

Tools that pair well with the Website Device Simulator

  • Website Screenshot Tool — Enter a URL and get a full-page screenshot taken in a real Chrome browser — at desktop, tablet or phone width and up to 3× (Retina) resolution, with cookie banners hidden.
  • What Is My Screen Resolution — Your screen and browser window sizes in CSS pixels, the device pixel ratio and the real physical resolution — measured live by your browser.
  • Touch Screen Test — Touch the area below to see every finger your screen detects.
  • Page Speed Test — Run Google Lighthouse on any URL for mobile or desktop.

Frequently asked questions

Why do I see a screenshot instead of a live site?
The site’s security headers block loading inside other pages, which many big sites do. The tool shows a screenshot at the same size instead.
Can I test localhost?
Browsers usually block a local http page inside this https page. Serve it over https, or use your browser’s built-in device mode.
Where are my custom devices saved?
In this browser. They’re not uploaded, and clearing browser data removes them.
Is the URL sent to a server?
Live previews load directly in your browser. We also check the site’s public headers through our server, and blocked sites are captured there.
Does this match a real iPhone exactly?
No. It matches the screen size but uses your own browser engine, so use a real device for final testing.

Related tools

apiMobile Website ScreenshotSee how a website looks on a phone or tablet. The page opens in a real browser that identifies as a mobile…apiWebsite Screenshot ToolEnter a URL and get a full-page screenshot taken in a real Chrome browser — at desktop, tablet or phone…localWhat Is My Screen ResolutionYour screen and browser window sizes in CSS pixels, the device pixel ratio and the real physical…localTouch Screen TestTouch the area below to see every finger your screen detects. Find dead zones, count multi-touch points…apiPage Speed TestRun Google Lighthouse on any URL for mobile or desktop. See performance, accessibility, best-practices and…apiOpen Graph CheckerPreview how your link will look when shared on Facebook, LinkedIn, X and Slack. We flag missing tags, test…