Preview any website URL at popular device resolutions — mobile, tablet, laptop and desktop — in live iframes without leaving the browser.
Type or paste any public website URL. The site loads in iframes at the selected device resolutions.
Choose from 20+ device presets including iPhone, iPad, MacBook and desktop — or enter custom width and height.
View the site at multiple resolutions side by side. Scroll each frame independently to verify responsive layouts.
Over 20 device presets are included: iPhone 15 Pro (393x852), iPhone SE (375x667), Samsung Galaxy S24 (360x800), Google Pixel 8 (412x915), iPad Mini (768x1024), iPad Pro 12.9" (1024x1366), MacBook Air (1280x800), Full HD desktop (1920x1080) and more. Custom width and height inputs allow testing at any arbitrary resolution.
Yes — select multiple device presets and each loads in its own iframe side by side. This lets you verify responsive design at several breakpoints simultaneously without switching browser windows. Particularly useful for catching layout issues that only appear at specific width ranges.
The tool renders the site in an iframe at the specified pixel dimensions but does not simulate actual device hardware. Key differences: device pixel ratio is not replicated (a real iPhone has 3x DPR), touch events are not simulated, and device-specific browser behaviours like iOS Safari safe area insets are not replicated. For pixel-perfect mobile testing use Chrome DevTools device simulation.
Some websites set X-Frame-Options: DENY or Content-Security-Policy: frame-ancestors none which blocks the page from loading inside any iframe. This is a security measure preventing clickjacking. Websites you own can be tested by adjusting these headers. Sites like Facebook, Google and most banking sites block iframe embedding by design.
Yes — you can test any URL accessible from your device, including http://localhost:3000, local network addresses, VPN-accessible staging environments or password-protected staging URLs. Since the iframe loads in your browser it has the same network access as your browser tab.
The iframe is rendered at exactly the pixel width of the selected device. CSS media queries in the tested website respond to the iframe width. If your CSS has @media (max-width: 768px) it triggers correctly when the iframe is set to 768px wide. This makes the tester accurate for verifying breakpoints.
Yes — the iframes are fully interactive for websites that allow iframe embedding. You can click links, fill forms, scroll, trigger animations and interact with JavaScript UI components. This makes it possible to test interactive states, modal widths on mobile, and navigation menu behaviour on tablet.
Chrome DevTools device simulation is more accurate for single-device testing — it replicates DPR, touch events and device user agents precisely. This tool is advantageous for showing multiple resolutions simultaneously, testing third-party URLs without installing anything, and getting a quick visual overview across breakpoints in a single view.
The iframes use your browser default desktop user agent. Websites that serve different content based on user agent detection will receive a desktop UA regardless of iframe width. For user-agent-specific testing use Chrome DevTools which allows setting a custom user agent string alongside viewport dimensions.
No — the URL you enter is used only to set the src attribute of the browser iframe elements. No URL is transmitted to any server operated by this tool. The website loads directly in your browser as any normal page load would. Nothing is tracked or stored.
