Simulate Iphone Safari On Mac

Posted on  by 

I love web design and am trying to test out some CSS, I am currently using a MacBook Pro 13' (2020 Version), I only use Safari and I want to know if I'm able to simulate other devices like a Windows 10 PC, an Android phone, an iPhone, or an iPad. On your iPad, iPhone or iPod touch, tap Settings Safari Advanced and toggle on Web Inspector. And enable JavaScript if it isn’t already on. On your Mac, launch Safari and go to Safari menu Preferences Advanced then check “ Show Develop menu in menu bar ” if you have not done so already. This video will show you how to get an iPhone/iPad Simulator for FREE.File Path: Macintosh HD- Developer- Platforms- iPhoneSimulator.platform- Developer. Several popular web-based browser testing services make it possible to test iOS's Mobile Safari, but the best of these tools require an additional fee, have limited free features, or restrict the number of users who can use an account at the same time. Apple makes iOS testing available for free to all macOS users, with their Simulator app.

There are several ways to simulate the iPhone Safari Browser:
  1. Using the Apple Safari Browser (PC or Mac)
  2. Using the Safari browser found in the iOS Simulator
The Apple Safari browser (PC or Mac) download-able from http://www.apple.com/support/safari/. To simulate requests coming from an iPod, iPhone or iPad, you’ll need to activate the Developer tab by going to Preferences->Advanced and select “Show Develop menu in menu bar”. Once done, you just select which User Agent you need by selecting which device UA you want to simulate and make the requests to your site. The screen capture shows the develop tab with the UA options to choose from.
Using the Safari browser found in the iOS Simulator
The previous approach gives a pretty good approximation for how the iPhone Safari browser will behave but it’s not the best simulation. To get that, you’ll need to use the Xcode development environment that is only available on the Mac. To do this:
Simulate Iphone Safari On Mac
  1. Download XCode from http://developer.apple.com/xcode/ and install it
  2. Locate the Xcode icon using Finder
  3. Start up Xcode
  4. Create a simple project: File->New Project->View Based Application->Choose->Save As (eg. Webtest)
  5. The project should show up on Xcode
  6. On the “Simulator X.X | Debug” select Simulator and iPhone Simulator
  7. Click on “Build and Run” – the iOS simulator will pop up

Simulate Iphone Safari On Mac Os

Xcode after WebTest project has been created

SimulateSimulate iphone safari on mac

How To Simulate Iphone On Mac

Once this is set up, activate the Safari browser on the simulator and test.

Coments are closed