Apple’s homegrown Xcode software development environment for Mac comes with its own app simulator for iOS, tvOS, watchOS, and iMessage. So, if one is using Xcode as the primary app development. IPhone 11 with ios 14 by CATAR09. IPhone 11 Simulator by 12IamAwsome1234567. IPhone 11 Simulator - iOS 14 by lemon77701. IPhone 11 Simulator - iOS 14 updated remix by HarryPotterCraft. IPhone 11 Simulator - iOS 14 updated remix by Darklord76. IPhone 11 Simulator - iOS 14 updated remix by cs3221496. Xcode Version 6.3.2 (6D2105). OS X El Capitan Version 10.11 (15A284) All I get from Safari (regardless of iOS version used) in the simulator is 'Safari cannot open the page because the network connection was lost.' And if another person says 'it's a simulator not an emulator, check you internet connection.' Benefits of using the in-built simulator. The most important feature is the ability to use multiple simulators enabling cross-testing. So, you could use an iPhone simulator and a WatchOS simulator simultaneously to test certain app features requiring both. In addition, the Xcode simulator is the best option for small teams.
I’m sure plenty of folks know this, but like literally anything else in the world, plenty of folks don’t. This is an incredibly handy feature of developing responsive sites and testing them on as real of devices as you can. Plus, it doesn’t cost anything additional beyond your macOS computer.
Step 1) Download Xcode
The iOS Simulator is an app that comes bundled with Xcode. Xcode is free and you get it from the app store.
Step 2) Open Simulator
It’s in the main Xcode menu at Open Developer Tool > Simulator.
It will be a new icon in your dock. I like to move it so that it stays an icon in my dock, and I don’t need to open Xcode again to find it and use it.
(^ It’s on the far right here.)
The window for the simulator is like a fake Apple device. You can simulate just about anything (Watch, AppleTV, iPad, etc) by going to Hardware > Device.
Step 3) Open Safari and go to a website
Easy enough to type something in. It understands keyboard input so you don’t have to like use the mouse to click fake on-screen keys.
Important trick! Often times you are pasting a URL into the address field. To do this, you’ll need to have the URL on your clipboard, activate the simulator, press ⌘-V to paste, then you can click to bring up the iOS paste menu and paste it. At least… that’s what you used to have to do. I just recently upgraded to Xcode 10 and it seems like you can simply ⌘-V right into the URL bar now, so perhaps the weird work-around is fixed.
Step 4) Open Desktop Safari & Web Inspector
You’ll need to go to Settings > Advanced and check the Show Debug Menu option. Then you’ll see the option to open the web inspector for the Simulator right from that menu.
With the Web Inspector open, you can debug inside the Simulator just like you could right in a desktop browser with DevTools.
Actual Devices
Simulators are pretty great because they are easy and just a few clicks away. But if for whatever reason you want to test on a real device, you also can do that. As long as:
- The device is connected to your computer (lightning to USB), and it’s “trusted”.
- You have an “inspectable” application open, like Safari.
It should show up in the same Debug menu in Safari and let you inspect the browser right on the real device. It’s a bit surreal to watch the blue-boxes of Web Inspector showing up on your real device!
Apple Iphone Simulator
Looking for some useful browser extensions as well? Click here.