© 2013 All rights reserved.
3

iPhone web app

Vytvoření webové aplikace tak, aby se tvářila jako aplikace pro iPhone nebo iPad.

Pokud potřebujete jednoduchou aplikaci pro iPad nebo iPhone pro vlastní potřeby, můžete ji vytvořit formou webové

aplikace.

Nastavení hlaviček

Nejdůležitelší je nastavení hlaviček a zvětšení viewportu, aby se nám naše aplikace zobrazovala v safari bez všech

nepotřebných lišt. správným nastavením hlaviček dokážeme zrušit jak adresní, tak stavový řádek:

Nastavení ikony aplikace

Další důležitou věcí je nastavení ikony aplikace. Po přidání aplikace na plochu bude mít ikonu webu (screen webu).

Pomocí parametru apple-touch-icon si můžete tuto ikonu změnit:

Základ aplikace

Celá aplikace může nyní vypadat například nějak takto:

V iPhone se zobrazí bez všech přebytečných lišt:



iphone/ipad

Přidání aplikace na plochu

Aby se aplikace tvářila jako skutečná aplikace, je nutné ji přidat na plochu telefonu. To uděláme velmi jednoduše. V

safari klikneme na ikonu + a zvolíme možnost Přidat na plochu:



iphone/ipad

Nyní se dostaneme k přidávacímu formuláři, kde se nám načte ikona, kterou jsme nastavili v hlavičce a zvolíme si

název aplikace:



iphone/ipad

Aplikace se bude zobrazovat na ploše a vypadat jako kterákoli jiná aplikace



iphone/ipad

Závěrem

Samozřejmě aby se aplikace tvářila jako výchozí aplikace bude nutné ji dále nastylovat, a doladit, pro tyto účely

můžete využít například tento jednoduchý javascriptový framework: http://webapp-net.com/

Comments (3)

Poradíte jak odstranit tuto webovou aplikaci? Vytvořil jsem ji omylem a nelze mi ji přes i-tunes smazat.

Děkuju

Smazes ji normalne jako jakoukoli app.
Podrz na ni na plose prst az se ti objevi krizek pro smazani.

Zápisek jako na zavolanou. Právě se trápím s iphone verzí eshopu a tohle je příjemná pomoc.

Add comment

About
Hi, i am programmer from the Czech Republic. I love web development (Ruby, Ruby on Rails, PHP, Nette) and iOS development (Objective-C, Cocoa).
To cooperate, here is my phone:
+420 608 836