Sunday, January 24, 2010

My first webapp on iPhone

Steps to create a simple webapp on iPhone:

  1. Create a web page with a button.

    <html>
    <head>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; user-scalable=0;"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="default"/>
    </head>
    <body align="center">
    <input type="button" value="My Button"/>
    </body>
    </html>
  2. Enter the URL for this webpage in the Safari browser.
  3. Press the '+' sign and click the Add to Home Screen button.
  4. Enter the name for this webapp.
  5. Voila! An icon representating the webapp is created on the last page of the app icons.
  6. Click the new icon, and see your webapp in full screen.

Note: I omitted details on how to put this webpage on a web server.

No comments:

Post a Comment