iOS Device Simulator for Mac

While this tutorial has content that we believe is of great benefit to our community, we have not yet tested or edited it to ensure you have an error-free learning experience. It's on our list, and we're working on it! You can help us out by using the "report an issue" button at the bottom of the tutorial.

Happen to be on a Mac and want to test your website on iOS devices while developing? There’s an easy way to do it with the Simulator app.

Here’s how to fire everything up. First, you’ll have to make sure you have Xcode installed. If you don’t have it yet, you can find it on the app store. Then fire up Xcode, right-click on the dock icon and choose Open Developer Tool > Simulator:

Opening the iOS Simulator

Et voilà! Simply launch Safari on the simulator and point it to your local server instance:

Point simulated iOS Safari to your local server

You can even choose between a range of iOS devices in the Hardware menu:

Switch between different iOS devices

It’s now part of my typical workflow to launch an instance of the simulator when working on something. This way I get a much better idea how things will turn out at least on iPhones / iPads.

👉 Quick shortcut: when you fire up the simulator you’ll notice that a new icon appears in the dock. I’ve set the icon to stay in the dock, and now I can launch the simulator without even launching Xcode first.

Creative Commons License