Launching iPhone WebApp as native app
13 views
Skip to first unread message
iPhoneDev
Oct 30, 2008, 10:08:11 PM10/30/08
to iPhoneWebDev
Hi,
I want to create an iPhone application as webapp but i do not want to
launch it via hitting through URL,Is there any way i can make it look
like a native application and once i click on application icon it
launches the webapp without the URL bar.
Any help would be appreciated.
Thanks,
iPhoneWebDev
I want to create an iPhone application as webapp but i do not want to
launch it via hitting through URL,Is there any way i can make it look
like a native application and once i click on application icon it
launches the webapp without the URL bar.
Any help would be appreciated.
Thanks,
iPhoneWebDev
Philipp Kläsle
Oct 31, 2008, 8:17:20 AM10/31/08
to iPhoneWebDev
Add this to your code: <meta name="apple-mobile-web-app-capable"
content="yes" />
This removes the URL bar and the button bar at the bottom of the
screen, when it's started from the Home screen. It's explained in the
Apple WebApps Guides (https://developer.apple.com/webapps/docs/
documentation/AppleApplications/Reference/SafariWebContent/
ConfiguringWebApplications/chapter_8_section_3.html#//apple_ref/doc/
uid/TP40002051-CH3-SW2).
You can even change the status bar appearance:
https://developer.apple.com/webapps/docs/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/chapter_8_section_4.html#//apple_ref/doc/uid/TP40002051-CH3-SW1
Phil
content="yes" />
This removes the URL bar and the button bar at the bottom of the
screen, when it's started from the Home screen. It's explained in the
Apple WebApps Guides (https://developer.apple.com/webapps/docs/
documentation/AppleApplications/Reference/SafariWebContent/
ConfiguringWebApplications/chapter_8_section_3.html#//apple_ref/doc/
uid/TP40002051-CH3-SW2).
You can even change the status bar appearance:
https://developer.apple.com/webapps/docs/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/chapter_8_section_4.html#//apple_ref/doc/uid/TP40002051-CH3-SW1
Phil
iPhoneDev
Oct 31, 2008, 2:01:30 PM10/31/08
to iPhoneWebDev
Hi,
Thanks for the reply,This will remove the URL bar and button bar.
One more question was about launching of app,For my webapp i want to
create a custom icon and place it on home page
and application should execute after clicking of icon.Please let me
know if this is possible.
Thanks,
iPhoneWebDev
On Oct 31, 5:17 am, Philipp Kläsle <philipp.klae...@gmail.com> wrote:
> Add this to your code: <meta name="apple-mobile-web-app-capable"
> content="yes" />
>
> This removes the URL bar and the button bar at the bottom of the
> screen, when it's started from the Home screen. It's explained in the
> Apple WebApps Guides (https://developer.apple.com/webapps/docs/
> documentation/AppleApplications/Reference/SafariWebContent/
> ConfiguringWebApplications/chapter_8_section_3.html#//apple_ref/doc/
> uid/TP40002051-CH3-SW2).
>
> You can even change the status bar appearance:https://developer.apple.com/webapps/docs/documentation/AppleApplicati...
> > I want to create aniPhoneapplication aswebappbut i do not want to
> > launches thewebappwithout the URL bar.
>
> - Show quoted text -
Thanks for the reply,This will remove the URL bar and button bar.
One more question was about launching of app,For my webapp i want to
create a custom icon and place it on home page
and application should execute after clicking of icon.Please let me
know if this is possible.
Thanks,
iPhoneWebDev
On Oct 31, 5:17 am, Philipp Kläsle <philipp.klae...@gmail.com> wrote:
> Add this to your code: <meta name="apple-mobile-web-app-capable"
> content="yes" />
>
> This removes the URL bar and the button bar at the bottom of the
> screen, when it's started from the Home screen. It's explained in the
> Apple WebApps Guides (https://developer.apple.com/webapps/docs/
> documentation/AppleApplications/Reference/SafariWebContent/
> ConfiguringWebApplications/chapter_8_section_3.html#//apple_ref/doc/
> uid/TP40002051-CH3-SW2).
>
> > I want to create aniPhoneapplication aswebappbut i do not want to
> > launch it via hitting through URL,Is there any way i can make it look
> > like anativeapplication and once i click on application icon it
> > launches thewebappwithout the URL bar.
>
> > Any help would be appreciated.
>
> > Thanks,
> > iPhoneWebDev- Hide quoted text -
> > Any help would be appreciated.
>
> > Thanks,
>
> - Show quoted text -
Jeff Pickhardt
Nov 1, 2008, 2:20:43 PM11/1/08
to iphone...@googlegroups.com
Yes, that is possible. Here's an article for more information:
http://mobiledevelopment.info/posts/ryanpeterson/creating-a-custom-icon-for-your-iphone-web-app
Good luck
http://mobiledevelopment.info/posts/ryanpeterson/creating-a-custom-icon-for-your-iphone-web-app
Good luck
iWebApps
Nov 1, 2008, 1:47:40 PM11/1/08
to iPhoneWebDev
Hi iPhoneWebDev,
You can do this by adding the following
1) Create a 57 x 57 pixel png image and save on your website e.g.
my_icon_image.png.
2) Add to the <head> section of your home page the following <link
href="my_icon_image.png" rel="apple-touch-icon">
3) Your user will then access the URL in Safari, Select the 'Add to
Home Page' option and select Add. The image in the meta tag will then
be used as the icon for your web app on the users home screen.
Regards
iWebApps
> > - Show quoted text -- Hide quoted text -
You can do this by adding the following
1) Create a 57 x 57 pixel png image and save on your website e.g.
my_icon_image.png.
2) Add to the <head> section of your home page the following <link
href="my_icon_image.png" rel="apple-touch-icon">
3) Your user will then access the URL in Safari, Select the 'Add to
Home Page' option and select Add. The image in the meta tag will then
be used as the icon for your web app on the users home screen.
Regards
iWebApps
Steve Shi Bao Qiang
Nov 2, 2008, 10:08:34 AM11/2/08
to iphone...@googlegroups.com
Another approach is to create a native app that has an embedded web browser (which uses the same engine of Sarfari).
Steve
Steve
Lance Dyas
Nov 2, 2008, 10:06:35 AM11/2/08
to iphone...@googlegroups.com
would be nice to be able to have a link that acts like a bookmark me ...
but instead asks if they wish
to link to the page via there homepage or something similar..
>
>
Jeff Pickhardt
Nov 3, 2008, 1:40:00 PM11/3/08
to iphone...@googlegroups.com
I agree. Some sort of a "Add to home screen" javascript call.
markdionne
Nov 4, 2008, 3:56:46 PM11/4/08
to iPhoneWebDev
If you are using IUI, you should also adjust the min-height settings
at two places in the CSS file. I think I used 420 in the body and 480
in the body > .dialog section. This accommodates the additional space
at the bottom of the screen.
at two places in the CSS file. I think I used 420 in the body and 480
in the body > .dialog section. This accommodates the additional space
at the bottom of the screen.
Reply all
Reply to author
Forward
0 new messages