October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsClean PCRecommendedOne scan can reveal what keeps slowing WindowsLook for cleanup and repair opportunities.Run ScanOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
Cupertino desk4 min

How to Emulate an iPhone 15 Viewport in Chrome DevTools

Use Chrome DevTools Device Mode to select an iPhone 15 preset or create a 393 × 852 CSS-pixel, DPR 3.0 custom profile—and learn when real iPhone testing is still needed.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

In Chrome DevTools, turn on Toggle device toolbar, then select an iPhone 15 preset from Dimensions if your Chrome build includes one. If it does not, create a custom device profile using a practical iPhone 15 reference viewport of 393 × 852 CSS pixels, DPR 3.0, and the Mobile device type. Those are emulation values—not the iPhone’s physical screen resolution—and DevTools does not replace testing on an actual iPhone when iOS behavior matters.

Set up the iPhone 15 viewport

  1. Open the page you want to inspect in Chrome.
  2. Open DevTools, then click Toggle device toolbar in the DevTools action bar. This opens Device Mode. If the current interface is unfamiliar, use DevTools’ Command Menu to find device-related commands or open the Devices settings panel. See Chrome’s Device Mode guide.
  3. In the device toolbar, open Dimensions. Choose an iPhone 15 entry if one appears in the installed Chrome build.
  4. If there is no suitable preset, open the device list and select Edit, then go to Settings > Devices and choose Add custom device. Enter a name and dimensions; set DPR and device type as well for a closer profile. Chrome documents this workflow in its Devices settings guide.
  5. For a portrait iPhone 15 approximation, enter 393 for width and 852 for height, set DPR to 3.0, and choose Mobile for device type. Save the profile and select it from Dimensions.

The 393 × 852 CSS-pixel viewport and DPR 3.0 are a third-party emulation reference from YesViz, not values Apple publishes as a browser viewport guarantee. Apple lists the iPhone 15’s physical display as 2556 × 1179 pixels at 460 ppi in its technical specifications. Do not enter those physical pixel dimensions as the CSS viewport.

As an Amazon Associate I earn from qualifying purchases.

Check layout changes and mobile conditions

Portrait, landscape, and breakpoints

Use Device Mode’s rotate control to inspect landscape. To check responsive breakpoints, show the media queries and change the emulated viewport width across the relevant thresholds. This helps identify where layout rules switch, but does not prove that the same page behaves identically in iOS Safari.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

DPR and image selection

Device pixel ratio is the ratio between physical hardware pixels and logical CSS pixels. Chrome uses DPR when drawing on HiDPI displays, and it can affect which responsive image assets a page selects. Set the profile’s DPR when checking behavior that depends on pixel density; keep viewport width in CSS pixels rather than substituting the physical screen resolution.

#1 Best Overall
Apple iPhone 15, 128GB, Black - Unlocked (Renewed)
  • 6.1inch Super Retina XDR display. Aluminum with color-infused glass back. Ring/Silent switch
  • Dynamic Island. A magical way to interact with iPhone. A16 Bionic chip with 5-core GPU
  • Advanced dual-camera system. 48MP Main | Ultra Wide. Super-high-resolution photos (24MP and 48MP). Next-generation portraits with Focus and Depth Control. 4X optical zoom range
  • Emergency SOS via satellite. Crash Detection. Roadside Assistance via satellite
  • Up to 26 hours video playback. USB C, Supports USB 2. Face ID

Network, CPU, and sensors

Device Mode can throttle network and CPU, and it offers sensor overrides such as geolocation and orientation. Use these controls when the question is whether a page responds under constrained conditions or to an overridden sensor value. They simulate selected conditions on the desktop, not the target phone’s full hardware or operating system.

Know what DevTools emulation can establish

Chrome describes Device Mode as a “first-order approximation” of how a page looks and performs on a mobile device: the page still runs on the desktop computer, with simulated mobile characteristics. It is useful for checking viewport layout, device type, DPR, throttling, and selected sensor overrides. It does not run the page on iPhone hardware.

Rank #2
Apple iPhone 14, 128GB, Midnight - Unlocked (Renewed)
  • This phone is unlocked and compatible with any carrier of choice on GSM and CDMA networks (e.g. AT&T, T-Mobile, Sprint, Verizon, US Cellular, Cricket, Metro, Tracfone, Mint Mobile, etc.).
  • Please check with your carrier to verify compatibility.
  • The device does not come with headphones or a SIM card. It does include a generic (Mfi certified) charging cable.
  • Tested for battery health and guaranteed to have a minimum battery capacity of 80%.

Chrome also cautions that mobile and desktop CPU architectures differ and that emulators do not reproduce every browser API, CSS support, or behavior difference found in mobile browsers. For conclusions about iOS Safari, actual touch interactions, hardware performance, or a platform-specific bug, test on the target device and browser as well. Chrome’s guidance is: “When in doubt, your best bet is to actually run your page on a mobile device.” See Emulate and Test Other Browsers.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Troubleshooting

No iPhone 15 appears in Dimensions

Chrome’s available presets can depend on the installed build. Use the custom-device route instead: device list > Edit > Settings > Devices > Add custom device. Enter the reference viewport and optional DPR and Mobile device type, save it, then select it from Dimensions.

Rank #3
Apple iPhone 15, 128GB, Blue - Unlocked (Renewed)
  • 6.1inch Super Retina XDR display. Aluminum with color-infused glass back. Ring/Silent switch
  • Dynamic Island. A magical way to interact with iPhone. A16 Bionic chip with 5-core GPU
  • Advanced dual-camera system. 48MP Main | Ultra Wide. Super-high-resolution photos (24MP and 48MP). Next-generation portraits with Focus and Depth Control. 4X optical zoom range
  • Emergency SOS via satellite. Crash Detection. Roadside Assistance via satellite
  • Up to 26 hours video playback. USB C, Supports USB 2. Face ID

The page looks blurry or selects unexpected images

Check that the profile uses a DPR of 3.0 and that its width and height are entered as CSS pixels. The 2556 × 1179 Apple specification is physical screen resolution; using it as the viewport would produce a very different responsive layout.

The page looks right in DevTools but fails on an iPhone

Treat that as a reason to test in the target browser on real hardware. Device Mode is not iOS Safari and cannot establish platform-specific browser behavior, touch behavior, or phone CPU performance.

Rank #4
Apple iPhone 15, 128GB, Pink - Unlocked (Renewed)
  • 6.1inch Super Retina XDR display. Aluminum with color-infused glass back. Ring/Silent switch
  • Dynamic Island. A magical way to interact with iPhone. A16 Bionic chip with 5-core GPU
  • Advanced dual-camera system. 48MP Main | Ultra Wide. Super-high-resolution photos (24MP and 48MP). Next-generation portraits with Focus and Depth Control. 4X optical zoom range
  • Emergency SOS via satellite. Crash Detection. Roadside Assistance via satellite
  • Up to 26 hours video playback. USB C, Supports USB 2. Face ID
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Or skip the browser setup

ScreenshotNeo can capture a page with one GET request instead of configuring a local browser profile. Its cleanup accepts cookie or consent banners and removes 60+ known consent platforms, newsletter popups, and chat widgets before capture; each of those steps can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and the response identifies the page verdict and billing status. ScreenshotNeo also provides an MCP server for AI agents, with tools including take_screenshot, get_page_info, and capture_pdf. It offers 1,000 screenshots a month free with no card; paid plans start at $5 for 3,000 screenshots.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

For example, this cURL request saves a screenshot of Stripe as WebP. See the ScreenshotNeo documentation for API options.

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

ScreenshotNeo is a screenshot API and MCP server for developers from Yorker Media. Sign up for 1,000 free screenshots a month with no card.

Best Value
Apple iPhone 15 Plus, 128GB, Pink - Unlocked (Renewed)
  • 6.7inch Super Retina XDR display. Aluminum with color-infused glass back. Ring/Silent switch
  • Dynamic Island. A magical way to interact with iPhone. A16 Bionic chip with 5-core GPU
  • Advanced dual-camera system. 48MP Main | Ultra Wide. Super-high-resolution photos (24MP and 48MP). Next-generation portraits with Focus and Depth Control. 4X optical zoom range
  • Emergency SOS via satellite. Crash Detection. Roadside Assistance via satellite
  • Up to 26 hours video playback. USB C, Supports USB 2. Face ID

Frequently Asked Questions

Does Chrome DevTools include an iPhone 15 preset?

It may appear in the Dimensions menu depending on the installed Chrome build. If it does not, add a custom device profile through Settings > Devices.

Is the 393 × 852 viewport an official Apple browser specification?

No. It is a third-party emulation reference from YesViz; Apple’s published figure is the phone’s physical display resolution.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Quick Recap

Bestseller No. 1
Apple iPhone 15, 128GB, Black - Unlocked (Renewed)
Apple iPhone 15, 128GB, Black - Unlocked (Renewed)
Dynamic Island. A magical way to interact with iPhone. A16 Bionic chip with 5-core GPU; Emergency SOS via satellite. Crash Detection. Roadside Assistance via satellite
$405.00
Bestseller No. 2
Apple iPhone 14, 128GB, Midnight - Unlocked (Renewed)
Apple iPhone 14, 128GB, Midnight - Unlocked (Renewed)
Please check with your carrier to verify compatibility.; Tested for battery health and guaranteed to have a minimum battery capacity of 80%.
$300.00
Bestseller No. 3
Apple iPhone 15, 128GB, Blue - Unlocked (Renewed)
Apple iPhone 15, 128GB, Blue - Unlocked (Renewed)
Dynamic Island. A magical way to interact with iPhone. A16 Bionic chip with 5-core GPU; Emergency SOS via satellite. Crash Detection. Roadside Assistance via satellite
$410.00
Bestseller No. 4
Apple iPhone 15, 128GB, Pink - Unlocked (Renewed)
Apple iPhone 15, 128GB, Pink - Unlocked (Renewed)
Dynamic Island. A magical way to interact with iPhone. A16 Bionic chip with 5-core GPU; Emergency SOS via satellite. Crash Detection. Roadside Assistance via satellite
$414.89
Bestseller No. 5
Apple iPhone 15 Plus, 128GB, Pink - Unlocked (Renewed)
Apple iPhone 15 Plus, 128GB, Pink - Unlocked (Renewed)
Dynamic Island. A magical way to interact with iPhone. A16 Bionic chip with 5-core GPU; Emergency SOS via satellite. Crash Detection. Roadside Assistance via satellite
$438.00

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
Windows Errors? Fix Them Before They SpreadFree repair scan

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.