Toggle to Simulators to create a new one. Use the (+) symbol to add a connected device from USB. Simulator will open this window to choose a different device. Under Simulators, add a new simulator by selecting a device and iOS version (or install an additional iOS version runtime). Under Devices, add a device connected through USB. If you need something different, select Manage Devices for a suite of additional options: In Simulator from the Mac toolbar: Hardware > Device > Select OS > Select Device You can pick from various iPhones and iPads in the iOS dropdown. From the Mac toolbar, you can adjust the simulator via Hardware > Devices and select the OS and Device. Step 2: Adjust the SimulatorĪ simulated device should pop up on your screen and begin loading. If you’re a Spotlight user (which I am not), just search for Simulator and bypass launching Xcode altogether. In Xcode from the Mac toolbar: Xcode > Open Developer Tool > Simulator Once Xcode opens, navigate to Open Developer Tool > Simulator from the Mac toolbar. (Optionally, update Xcode if it yells at you when you try to open it.) MacBook Pro (Retina, 15-inch, Mid 2015)įrom your Applications, launch Xcode.

The following steps may vary for newer and older versions of macOS, Xcode, and Safari. Thankfully my MacBook has a way to simulate iOS devices so that I can preview and debug mobile Safari! Likewise, it can simulate older and newer iOS versions if needed.

Have you ever had a CSS quirk on an iPhone and no iPhone to test with? I have.Īs a lifelong Android user and web designer by trade, I regularly need to preview, test, or fix things for iOS Safari.

Why would you need to simulate mobile Safari? Phones in general don't even have web inspectors for debugging. If you're like me and don’t have an iOS device, you can use Xcode Simulator to view and debug mobile Safari from your Mac.

Ios simulator macos