Bunch of resources I come across on the internet that might come in handy later for creating iDevice content.

User Agent Strings

  • iPhone: Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0_2 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A400 Safari/6531.22.7
  • iPad: Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10

Tips

Home Icon's and Startup Images.

As more and more web-app's are built to "mimic" native app's Apple has added newer features and better documentation on how to maximize the illusion of these "faux" web-apps. Add the following to your <head> area to create an iOS 'home' icon or Startup Image:

<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />

Further Reading