Etiqueta del navegador de iPhone y sitio web optimizado

Question

¿Qué es la etiqueta del navegador de iPhone y en qué se diferencia un sitio web optimizado para iPhone de un sitio web móvil habitual?

¡Gracias!

Answer 1

Nettuts tiene una excelente introducción al desarrollo web para iPhone.Lo encuentras aquí

Este es el código específico que solicitó (tomado de ese artículo):

<!--#if expr="(${HTTP_USER_AGENT} = /iPhone/)"-->   

<!--  
place iPhone code in here  
-->   

<!--#else -->   

<!--  
    place standard code to be used by non iphone browser.   
-->   
<!--#endif --> 

Answer 2

Apple tiene algunas pautas excelentes para el desarrollo de páginas web de iPhone aquí:

Guía de contenido web de Safari para iPhone

Según mi breve lectura, aquí hay elementos clave a tener en cuenta:

• La forma en que funciona la "ventana gráfica" y el desplazamiento es un poco diferente debido al pequeño tamaño de la pantalla.Hay etiquetas META personalizadas que le permiten ajustar esto automáticamente cuando alguien visita su página.
• Tenga cuidado con las páginas que utilizan conjuntos de marcos u otras funciones que requieren que el usuario se desplace por diferentes elementos de la página, porque el iPhone no muestra barras de desplazamiento.
• Si espera que la gente agregue su página a favoritos en el iPhone, hay una etiqueta META personalizada que le permite especificar un ícono de 53x53 que se verá mejor que el típico favorito.ico.
• Evite JavaScript que depende del movimiento del mouse o de las acciones de desplazamiento para que las cosas sucedan; no funcionarán correctamente en el iPhone.
• Existen algunas propiedades CSS personalizadas que le permiten ajustar el tamaño del texto y resaltar el color de los hipervínculos en el iPhone.
• Hay otras características clave de HTML/Javascript que le dicen que favorezca o evite también.

Answer 3

Apple define el agente de usuario aquí.

Este campo se transmite en los encabezados HTTP bajo la clave "User-Agent"

Answer 4

Mejor solución:

*

  (NSString *)flattenHTML:(NSString *)html {

  NSScanner *theScanner; NSString *text = nil;

  theScanner = [NSScanner scannerWithString:html];

  while ([theScanner isAtEnd] == NO) {

  // find start of tag
  [theScanner scanUpToString:@"<" intoString:NULL] ; 


  // find end of tag
  [theScanner scanUpToString:@">" intoString:&text] ;


  // replace the found tag with a space
  //(you can filter multi-spaces out later if you wish)
  html = [html stringByReplacingOccurrencesOfString:
                     [ NSString stringWithFormat:@"%@>", text]
               withString:@" "];

  } // while //

  return html;

}