Xhanch Forum
FacebookTwitterDiggDelicious

Author Topic: [Apple's iPhone Simulator] A tool to test/simulate your website on iPhone & iPad  (Read 4325 times)

Offline Xhanch Studio

  • Xhanch Founder
  • Administrator
  • Hero Member
  • *****
  • Posts: 2109
  • Reputation Power: 1045
  • Xhanch Studio is awe-inspiring!Xhanch Studio is awe-inspiring!Xhanch Studio is awe-inspiring!Xhanch Studio is awe-inspiring!Xhanch Studio is awe-inspiring!Xhanch Studio is awe-inspiring!Xhanch Studio is awe-inspiring!Xhanch Studio is awe-inspiring!Xhanch Studio is awe-inspiring!Xhanch Studio is awe-inspiring!Xhanch Studio is awe-inspiring!Xhanch Studio is awe-inspiring!
    • View Profile
    • Xhanch Studio
Designing websites that take advantage of the iPhone web environment requires more than simply designing for a smaller screen size. The iPhone automatically scales websites when needed. iPhone readers use multi-touch gestures to zoom or move around the page. Flash isn’t supported, and neither are larger animated GIFs (a surprise to me).



Tucked away in Apple’s free iPhone Software Development Kit is a terrific iPhone Simulator you can use to test and preview your websites. In the full version of this tip we’ll show you where that iPhone Simulator application is hidden, and include a few tips on how to test various iPhone features.

Download Apple’s Free iPhone SDK

Note: You’ll have to register for a free developer account and agree to Apple’s terms. Read on and we’ll show you where the iPhone Simulator application is hidden, and include a few tips on how to test various iPhone features.


Where is the iPhone Simulator application installed?

As important as the iPhone Simulator is, the actual application is surprisingly hard to track down.

The application is tucked away many folders deep in the newly installer Developer directory:

Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone Simulator

Launch the iPhone Simulator app and wait for it to load. The only applications installed on this simulated iPhone are Photos, Contacts, and Safari. Launch the iPhone Safari web browser and start checking out websites.


How to use the iPhone Simulator?

Here are some quick guides to use this simulator:
  • Rotate your simulated iPhone
    To rotate your iPhone, choose Hardware > Rotate Left, or Hardware > Rotate Right from the menu. iPhone’s Safari web browser will automatically rotate the website you are viewing.

  • Pinch-to-zoom gestures
    You can simulate the iPhones ‘pinch to zoom’ gesture by holding down the Option key while clicking and dragging with your mouse. This brings up a pair of dots that represent your fingertips.

  • Double-tap gestures
    Users can double-tap any part of a webpage to zoom in on that section. Simply double-click in the simulator to replicate this zoom. From testing, the iPhone’s zoom feature appears to be impacted by the DIV structure of your web layout. A useful detail to watch for if iPhone users are an important audience.

Best Regards,
Susanto B.Sc
----------------------------------------------------------------------------
Web development services, WordPress plugin and theme development, PSD to XHTML conversion - http://xhanch.com
Read free manga online - http://authrone.com


 

Related Topics

  Subject / Started by Replies Last post
0 Replies
2363 Views
Last post March 25, 2011, 12:48:44 AM
by Fun Guy
2 Replies
3522 Views
Last post May 07, 2013, 05:08:56 AM
by techspy
0 Replies
3733 Views
Last post March 28, 2011, 01:28:22 AM
by Fun Guy
1 Replies
2776 Views
Last post June 23, 2012, 09:42:45 AM
by justinthomsony
0 Replies
2195 Views
Last post April 21, 2011, 02:45:00 AM
by Xhanch Studio
1 Replies
3462 Views
Last post June 23, 2012, 09:38:04 AM
by justinthomsony
0 Replies
2406 Views
Last post May 06, 2011, 05:15:55 AM
by Xhanch Studio
0 Replies
501 Views
Last post May 16, 2011, 08:56:59 AM
by Xhanch Studio
2 Replies
3557 Views
Last post June 23, 2012, 09:32:29 AM
by justinthomsony
0 Replies
3049 Views
Last post December 26, 2013, 09:12:02 AM
by StellaWolf

Powered by SMF 2.0 RC5 | SMF © 2006–2011, Simple Machines LLC
SMFAds for Free Forums