Que puis-je faire pour empêcher l'iPhone 4 de couper mon titre lors de l'ajout de l'écran d'accueil?

Question

J'ai un long titre de page Web et lors de l'ajout de l'écran d'accueil dans l'iPhone Anciennes versions, le titre entier est visible dans la boîte de dialogue de confirmation. Lorsque j'ajoute à l'écran d'accueil de l'iPhone 4, le titre est coupé après le 12e symbole. Existe-t-il un moyen d'arrêter cette coupe afin que l'iPhone affiche le titre complet par défaut?

Answer 1

Non, il n'y a aucun moyen d'empêcher cela. Les noms d'applications sur l'écran d'accueil sont limités à un maximum de 12 caractères. Tout ce qui est au-delà sera tronqué en plaçant une ellipse au milieu du nom.

Vous devrez conserver le titre de votre site Web en dessous de 13 caractères sur l'iPhone si vous souhaitez l'empêcher d'être coupé. Voir les autres réponses pour les façons possibles de le faire.

Mise à jour: Depuis iOS 6, vous pouvez utiliser une balise Meta pour définir le nom de votre application comme affiché sur l'écran d'accueil. Tous les détails et les instructions sont disponibles ici.

Answer 2

Apparemment, il y aura un sans papiers Meta Tag

<meta name="apple-mobile-web-app-title" content="Title">

dans iOS 6 pour résoudre ce problème.

Answer 3

Utilisez un titre de page court avec ce code:

<script type="text/javascript">
  if( navigator.userAgent.match(/iPhone/i) || 
      navigator.userAgent.match(/iPod/i) || 
      navigator.userAgent.match(/iPad/i)
    ) {
         document.title = "Short title";
      }
</script>

Mais vous ne pouvez pas utiliser le titre complet.

Answer 4

Vous pouvez modifier le titre des appareils iOS comme WoodLeader l'a répondu, mais cela le changera dans le safari mobile normal. Seul l'utilisateur peut modifier le titre du WebApp. Il n'est pas possible de le faire avec des balises méta ou par programme. Il vous suffit donc de choisir un titre plus court ou de le laisser à l'utilisateur, qui le changera probablement, s'il est trop long.