This inspector is tied directly to your simulated iPhone.

Once you have clicked on this site a new Web Inspector popup will appear.

Click the Develop menu and hover over “iOS Simulator.” A drop-down should appear with the website you’re currently viewing.

Check the “Show Develop menu in menu bar” checkbox – This will enable the Web Inspector tools.

Open the Mac version of Safari and select Preferences.

While tapping, scrolling, and virtual pinching can be cool, let’s get some real work done. You should be able to interact with it just like a real iPhone. However you choose to start the simulator, open up the Safari app and browse to your site. Testing in the iOS Simulator Using Web Inspector

Drag the iOS Simulator.app into your dock.

Navigate to /Contents/Developer/Applications/iOS Simulator.app.

Right-click the Xcode Application in your Applications folder.

Select the “Open Developer Tool > iOS Simulator” option.

Right click the Xcode icon in your dock.

However, I’ll show you two of my favorite ways to quickly start the simulator. However, once the installation is complete it’ll take less than 5 minutes to have a full iOS experience loaded onto your computer.īecause the simulator is connected to Xcode it does take a couple steps to load the environment.

Xcode is a fairly large package and, depending on your internet connection speed, could take anywhere from 10-30 minutes to download. What you’ll need to do is download Xcode (which is free on the Mac App store). Download and Install XcodeĬurrently, Apple doesn’t provide a stand-alone simulator app. Today, let’s take a look at setting up an iOS simulator on OS X. This post is a follow up to my previous Setup Android Lollipop Emulator on OS X post which covered the basics of setting up an Android emulator on your machine.

Osx ios emulator