Richard Maher
8/12/2015 11:33:00 AM
For those playing along at home: -
manifest.json :-
{
"short_name": "Test Fred",
"name": "Fred testing Web App",
"icons": [
{
"src": "icon1.png",
"sizes": "128x128",
"type": "image/png"
}
],
"display" : "fullscreen"
}
fred.html: -
<!DOCTYPE HTML>
<html>
<head>
<title>Fred Test</title>
<meta name = "mobile-web-app-capable" content = "yes" />
<meta name = "viewport" content = "width=device-width,
user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<link rel="shortcut icon" sizes="128x128" href="icon1.png" />
<link rel="apple-touch-icon" href="icon1.png" />
<link rel="apple-touch-icon" sizes="128x128" href="icon1.png" />
<link rel="manifest" href="manifest.json">
</head>
<body style="color:white;background-color:black;font-size:20px;">
<div>Hello Fred</div>
</body>
</html>
Save something as "icon1.png".
Bring up fred.html in your Android Chrome browser and "save to
homescreen". Go to your homescreen, click your icon, see if the url is
visible.