Simulate Iphone Safari On Mac

Posted on by admin

There are several ways to simulate the iPhone Safari Browser:

Apple’s Simulator allows you to rapidly prototype and test builds of your app during the development process. Installed as part of the Xcode tools, Simulator runs on your Mac and behaves like a standard Mac app while simulating an iPhone, iPad, Apple Watch, or Apple TV environment. Mar 22, 2011 I am not testing website,just develop a mac app with a webview,which i want to emlate iphone safari. – NeXT5tep Mar 22 '11 at 12:48 @NeXT5tep Your question can be interpreted in to ways. IPortable simply answered your exact question (how to emulate iPhone Safari in OSX). Jun 02, 2015 You need to enable 'Developer Mode' on Safari (Preferences - Advanced). Then open the website you want to debug in the iOS simulator. Go back to safari and under Develop you will see the simulator and the tabs open on safari. If you want to test an actual device, then just plug it into your computer and it should show there too. ICurlHTTP is a simple, easy to use app that allows you to run MacOS/Linux terminal-like cURL tests against URLs. It can simulate different web browsers (user-agents) to retrieve the raw HTTP headers and HTML response from web servers. GET, HEAD & POST Requests (GET, HEAD, POST, PUT, DELETE, OPTIONS and TRACE on iPad).

  1. Using the Apple Safari Browser (PC or Mac)
  2. Using the Safari browser found in the iOS Simulator

Simulate Iphone Safari On Mac Os

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.

Simulate Iphone Safari On Mac Free

Using the Safari browser found in the iOS Simulator
Iphone
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:
  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

Xcode after WebTest project has been created

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

One of the sites I am working on works differently on the desktop than it does on the iPad. And whenever I make a change, I end up having to test on both my iPad and my Mac which is OK most of the times but if I am doing more than 5-6 changes, then it quickly turns into a little bit cumbersome ( having to shift between iPad and Mac and refreshing browser windows…)

Until, this morning when I found out that I don’t need to use the iPad at all to test my site on the iPad. I can make the Desktop Safari to mimick the iPad Safari. And it’s pretty simple to do that. All you need to do is change the User Agent in Safari to Safari for iOS. Like this :-

Simulate Ios Safari On Mac

And that’s it..I am wondering why I did not do this before. Not even sure if this was available in previous versions of Safari or not. I know most browsers let you change the User Agent but was not sure if iPad Safari could be simulated too.

Iphone Emulator On Web Browser

Simulate Iphone Safari On Mac

Safari Mobile Emulator

Just before publishing this post, I thought I should check whether this feature is available in other browsers. It is available in Google Chrome, as well. You can change the user agent in Google Chrome too.