I am not an iPhone developer nor a user but just found some special meta tags for developing iPhone webapps and iPhone prove websites. Hope this helps you.
Disable horizontal scrolling
[html]
<meta name="viewport" content="width=device-width, user-scalable=no" />
[/html]
When bookmarked the website runs in fullscreen, like a normal App.
[html]
<meta name="apple-mobile-web-app-capable" content="yes" />
[/html]
When bookmarked as fullscreen, set the color of the status bar
[html]
<meta name="apple-mobile-web-app-status-bar-style" content="black">
[/html]
When bookmarked, add an 57x57 Icon and the iPhone will add the shiny effect itself.
[html]
<link rel="apple-touch-icon" href="icon.png" />
[/html]
Prefer non glossy Icon or made the gloss yourself? Precomposed stops from adding the gloss on bookmarks
[html]
<link rel="apple-touch-icon-precomposed" href="icon" />
[/html]
Remove auto-recognition of Phone numbers
[html]
<meta name="format-detection" content="telephone=no">
[/html]
Forces the iPhone to use a number pad
[html]
<input type="number">
[/html]
Guess what? A phone number keypad
[html]
<input type="tel">
[/html]
Keyboard optimized for typing urls.
[html]
<input type="url">
[/html]
Credits : Robert
No comments :
Post a Comment