icone che non appaiono

**rudyF** · 26-04-2017, 17:43

Salve
Nonostante abbia cercato su internet non sono riuscito a trovare la soluzione al problema.
Come fare a mettere sullo schermo di uno smartphone una mia icona per richiamare una pagina web (un primo tentativo di creare una web app)?
Su suggerimento di una guida trovata in Internet ho messo nell’Head di una pagina web scritta in Html5 e javascript queste due righe di istruzioni:
<link rel="icon" sizes="192x192" href="/accessori/icona1g.png" />
<link rel="icon" sizes="128x128" href="/accessori/icona1p.png" />
Io pensavo che il browser leggesse queste istruzioni e mettesse un’icona sullo schermo prendendola all’indirizzo indicato. Invece no. Allora ho provato a seguire questi altri suggerimenti (da un’altra guida)
Avviare Chrome per Android e aprire la pagina web che si vuole salvare sulla schermata Home. Toccare il pulsante “Menu” e poi “aggiungi alla homescreen”. Dare un nome al collegamento.
In effetti un’icona viene visualizzata sullo schermo e il collegamento funziona, ma è un’icona generica, non la mia.
Il problema è risolvibile?
44rudyF44
Questo è l’indirizzo: www.giochieducativi.eu/app/app1.html

**carlomarangoni** · 26-04-2017, 18:59

Si è risolvibile mettendo tutte le opzioni concernenti le favicon in <header>....</header>

**rudyF** · 27-04-2017, 10:43

Scusami,
non credo di aver capito.
Per quello che ne so, il tag <header> va messo nel body ed è un contenitore.
Io non devo mostrare un'icona nella pagina richiamata, ma vorrei che il browser dello smartphon memorizzi l'cona da usare come collegamento con un "touch" invece di scrivere ogni volta l'indirizzo http.

Non so se è possibile, ma se non lo è, a che scopo mettere quei due metatag nell'head?
rudyF

**Roby140569** · 27-04-2017, 12:55

Originariamente inviata da rudyF

Scusami,
non credo di aver capito.
Per quello che ne so, il tag <header> va messo nel body ed è un contenitore.
Io non devo mostrare un'icona nella pagina richiamata, ma vorrei che il browser dello smartphon memorizzi l'cona da usare come collegamento con un "touch" invece di scrivere ogni volta l'indirizzo http.

Non so se è possibile, ma se non lo è, a che scopo mettere quei due metatag nell'head?
rudyF

Penso che Carlo intendesse in <head>.

Vedi se questo può esserti di aiuto:
https://webdesign.tutsplus.com/artic...ebdesign-10067

**rudyF** · 27-04-2017, 14:05

in questo modo?

<!DOCTYPE html>
<html>
<head>
<title>SuperEnalotto</title>


<meta name="HandheldFriendly" content="true" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="mobile-web-app-capable" content="yes">


<header>
<link rel="icon" sizes="192x192" href="/accessori/icona1g.png" />
<link rel="icon" sizes="128x128" href="/accessori/icona1p.png" />
</header>

<link rel="stylesheet" type="text/css" href="accessori/stile1.css">
<script type="text/javascript" src="accessori/script1.js"></script>
</head>

**carlomarangoni** · 27-04-2017, 14:37

Originariamente inviata da Roby140569

Penso che Carlo intendesse in <head>.......

Esatto!
Un lapsus!
Ma era chiaro quello che intendevo

**Roby140569** · 27-04-2017, 14:48

Originariamente inviata da rudyF

in questo modo?

<!DOCTYPE html>
<html>
<head>
<title>SuperEnalotto</title>


<meta name="HandheldFriendly" content="true" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="mobile-web-app-capable" content="yes">


<header>
<link rel="icon" sizes="192x192" href="/accessori/icona1g.png" />
<link rel="icon" sizes="128x128" href="/accessori/icona1p.png" />
</header>

<link rel="stylesheet" type="text/css" href="accessori/stile1.css">
<script type="text/javascript" src="accessori/script1.js"></script>
</head>

Correggi <header> con <head> e vedi se può esserti utile il link che ho messo nel mio post precedente.

**carlomarangoni** · 27-04-2017, 15:10

Occhio! Il codice va postato con i tag [code] oppure con il tasto # in modalità avanzata

**rudyF** · 27-04-2017, 16:03

per Roby "head" c'è già. la pagina indicata è in inglese. La sto traducendo.
per Carlo: scusa, ma nelle risposte non so come si fa.
basta scrivere

codice:

 ....codice ....

?

**Roby140569** · 28-04-2017, 09:49

Originariamente inviata da rudyF

per Roby "head" c'è già. la pagina indicata è in inglese. La sto traducendo.

codice:

<header>
<link rel="icon" sizes="192x192" href="/accessori/icona1g.png" />
<link rel="icon" sizes="128x128" href="/accessori/icona1p.png" />
</header>

Devi togliere <header> e </header>.
Carlo, come ha confermato, ti stava dicendo di mettere ciò che riguarda i favicon all'interno del tag <head> della pagina. <header> non c'entra niente.

Se non parli inglese, cerca su Google qualche articolo in italiano.

Discussione: icone che non appaiono

Strumenti discussione

Ricerca discussione

Visualizza

icone che non appaiono

Permessi di invio