/ / Personalizar ícone para "Adicionar à tela inicial" - html, ícones, tela inicial

Personalizar ícone para "Adicionar à tela inicial" - html, ícones, tela inicial

Existem alternativas à opção padrão nos navegadores da web, como o chrome, que permite adicionar um link ou botão no meu aplicativo da web e criar um ícone na tela inicial?

Por exemplo, eu tenho meu aplicativo da web e quero um linkou botão no main.html que executa um script e cria o ícone na tela inicial. Não é possível, eu acho. Então, existem alternativas que simulem essa opção padrão nos navegadores da web?

Também quero especificar o ícone que aparece na tela inicial. Como eu posso fazer isso?

Respostas:

12 para resposta № 1

Quero especificar o ícone que aparece na tela inicial. Como eu posso fazer isso?

Você pode usar <link rel="apple-touch-icon" sizes="128x128" href="niceicon.png"> (sim, mesmo para dispositivos Android).

por favor, verifique documento iOS para informações detalhadas sobre dispositivos Apple. Observe que você pode definir o ícone para todo o site.

por favor, verifique Documento Android para informações detalhadas sobre dispositivos Android. E se <link rel="apple-touch-icon" sizes="128x128" href="niceicon.png"> não funciona, você pode tentar <link rel="icon" sizes="192x192" href="nice-highres.png">, que é o método recomendado no Android.

Existem alternativas que simulam essa opção padrão nos navegadores da web?

Você pode checar http://cubiq.org/add-to-home-screen por uma alternativa. "Adicionar à tela inicial" exibirá uma mensagem sobreposta, incentivando o usuário a adicionar o aplicativo Web à tela inicial.