2011-02-03 5 views
10

Tengo un título de página web larga y cuando lo agrego a la pantalla de inicio en versiones anteriores de iPhone, todo el título está visible en el cuadro de diálogo de confirmación. Cuando agrego a la pantalla de inicio en iPhone 4, el título se corta después del 12 ° símbolo. ¿Hay alguna manera de detener este corte para que iPhone muestre el título completo de forma predeterminada?¿Qué puedo hacer para evitar que el iPhone 4 corte mi título al agregarlo a la pantalla de inicio?

Respuesta

11

No, no hay forma de prevenir eso. Los nombres de las aplicaciones en la pantalla de inicio están limitados a un máximo de 12 caracteres. Cualquier cosa más allá de eso será truncada al colocar una elipsis en el medio del nombre.

Deberá conservar el título de su sitio web bajo 13 caracteres en el iPhone si desea evitar que se corte. Vea las otras respuestas para las posibles maneras de hacerlo.

Actualización: A partir de iOS 6, puede usar una metaetiqueta para configurar el nombre de la aplicación como se muestra en la pantalla de inicio. Los detalles completos y las instrucciones están disponibles here.

+4

Dado que el iPhone/iPad no usa ancho fijo fuentes, este número puede variar. –

+0

Han votado negativamente porque a partir de iOS6, es posible cambiar, consulte http://stackoverflow.com/questions/3400741/setting-home-screen-icon-name-for-mobile-safari – brendo

+1

@brendo ¡Qué extraña razón para downvote. La respuesta fue correcta cuando la escribí hace más de dos años. iOS 6 aún no se había lanzado. En su lugar, podría considerar editar la respuesta para agregar un enlace a la nueva pregunta e información actualizada. –

10

Utilice una breve página de título con este código:

<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> 

pero no se puede utilizar el título completo.

+0

Prevenir, no cambiar es lo que estoy buscando. Gracias de cualquier manera. – Phil

+1

No puede evitar que lo haga. – woodleader

+3

Esto se ve mejor: if (navigator.userAgent.match (/ iPhone | iPad | iPod/i)) – rodowi

0

Puede cambiar el título de los dispositivos iOS como woodleader ha respondido, pero esto lo cambiará en un safari móvil normal. Solo el usuario puede cambiar el título de la aplicación web. No es posible hacerlo con meta tags o programáticamente. Por lo tanto, solo tiene que elegir un título más corto o dejarlo en manos del usuario, que probablemente lo cambie, si es demasiado largo.

22

Al parecer habrá una etiqueta meta undocumented

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

en iOS 6 para resolver esta cuestión.

+0

Y funciona perfectamente. –

Cuestiones relacionadas