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?
IPhone – make iPhone 5 screen shots without an iPhone to test with
displayiphonescreen capture
Related Question
- MacBook – How to make crisper screen shots on MBP Retina
- MacOS – Mac (OS X 10.9.2) no longer saving screen shots
- MacOS – Screen shots shortcuts disabling themselves (Yosemite)
- IOS – iPhone screen zoomed without zoom accessibility feature
- IPhone – Test iPhone SE without a battery. Possible
- IPhone – Broken iPhone screen without siri
Best Answer
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.
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 above from docs.phonegap.com