I've been learning HTML5 Game Development, and have a question about Firefox for Android: How would I get a custom icon for a bookmark added to the home screen? It looks … (funda kabanzi)
I've been learning HTML5 Game Development, and have a question about Firefox for Android: How would I get a custom icon for a bookmark added to the home screen? It looks like Firefox either uses a favicon, or a default star.
On iOS Safari, I was able to accomplish this using <link rel="apple-touch-icon" href="image.png" />, and the functionality seems to carry over to Google Chrome.
I tried using this code for a custom favicon on a specific page: <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' /> but it only works when I view the file directly on the computer. When accessing the page through Apache, there is no favicon.
My other question was about Mobile Web App functionality. In iOS Safari and Google Chrome for Android, adding "apple-mobile-web-app-capable" or "mobile-web-app-capable" lets the webpage run as a fullscreen web app when saved to the homescreen. Firefox just opens it like a normal bookmark.
Any help is appreciated. I'm learning from the book 'HTML5 Game Development for Dummies.'