Given an html5 application that I have access to, Is there a way to get a screen shot of how it would look on the iPhone 5.

I do not have an iPhone 5, so is this possible?


Sure - you can use a Mac for this.

Download Xcode and fire up the iOS Simulator and choose to emulate the iPhone 5. You will have a version of Mobile Safari that runs on OS X and will let you save screen shots of your app. Much of this is documented well by the PhoneGap steps listed for developing an iOS app.

enter image description here

Here I'm using skitch to grab a screen capture and I have reduced the size a bit to upload, but as long as your screen is large enough, you can capture a pixel perfect image easily. In this case, I was using Safari in the simulator and you'll need to follow the steps listed in the phonegap documentation to install Apache Cordoba so that your phonegap code can be seen by Xcode to push it over into the iOS simulator when you press Run in Xcode.

Image from PhoneGap getting started documentation

Image above from docs.phonegap.com

  • how do I "and fire up the iOS Simulator" - my entire development was of an HTML5 + Phone gap App. – epeleg Nov 12 '12 at 7:22
  • You'll need a Mac to use this answer. Someone might have a different answer but the two ways I know are with a Mac and some free software or an iPhone. – bmike Nov 12 '12 at 12:45
  • understood, I was asking how do I fire up the simulator when my application is not a native one? – epeleg Nov 13 '12 at 10:29

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .