

Remember that Retina displays (in most cases) take up more real estate than your screen supports. From here you can quickly choose between the different versions of iPhones and iPads available. From here, you can adjust your HTML, CSS, test for JavaScript errors, inspect elements, run the console, view timeline loads, etc.īecause of the varying shapes and sizes of each iOS device, it’s a good idea to test your site in multiple simulated environments.įrom the iOS simulator, select the Hardware menu and choose Device. 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.
#Simulator ios for mac full
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).
#Simulator ios for mac install
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.
