Tuesday, May 28, 2013

Adding a website into android home screen

Adding a website into android home screen is very easy.

Bookmark the website.
on your android home screen, long-press in an empty space.
"Add to Home Screen will appear"
Select "Shortcuts"
select "Bookmarks"
select your bookmarked website.



Standard bookmark image of the site’s favicon will be used as the icon.
If the following tag available in the <head>
<link rel="apple-touch-icon-precomposed" href="image-source" />
then source image will be used. Both the iPhone and Android support the apple-touch-icon-precomposed link rel-type.

Another way

Bookmark the website.
Long-press the bookmark.
Select “Add to Home screen”


For web developer, It is best practice to add <link rel="apple-touch-icon-precomposed" href="image-source" /> in the <head> So that reader can add your site into their home screen. iOS and Android both support this "apple-touch-icon-precomposed" rel-tyupe.