iPhone-Browser-Tag und optimierte Website

Question

Was ist das Browser-Tag des iPhone und wie unterscheidet sich eine für das iPhone optimierte Website von einer normalen mobilen Website?

Danke!

Answer 1

Nettuts bietet eine großartige Einführung in die Webentwicklung für das iPhone.Du findest es Hier

Dies ist der spezifische Code, nach dem Sie gefragt haben (entnommen aus diesem Artikel):

<!--#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 hat hier einige hervorragende Richtlinien für die Entwicklung von iPhone-Webseiten:

Safari Web Content Guide für iPhone

Nach meiner kurzen Lektüre sind hier die Schlüsselelemente, auf die Sie achten sollten:

• Aufgrund der geringen Bildschirmgröße ist die Funktionsweise des „Ansichtsfensters“ und des Scrollens etwas anders.Es gibt benutzerdefinierte META-Tags, mit denen Sie dies automatisch anpassen können, wenn jemand Ihre Seite besucht.
• Hüten Sie sich vor Seiten, die Framesets oder andere Funktionen verwenden, bei denen der Benutzer durch verschiedene Elemente auf der Seite scrollen muss, da das iPhone keine Bildlaufleisten anzeigt.
• Wenn Sie erwarten, dass Ihre Seite auf dem iPhone mit einem Lesezeichen versehen wird, gibt es ein benutzerdefiniertes META-Tag, mit dem Sie ein 53x53-Symbol angeben können, das schöner aussieht als das typische favorite.ico.
• Vermeiden Sie Javascript, das auf Mausbewegungen oder Hover-Aktionen angewiesen ist, um Dinge in Gang zu bringen. Diese funktionieren auf dem iPhone nicht richtig.
• Es gibt einige benutzerdefinierte CSS-Eigenschaften, mit denen Sie die Textgröße und die Hervorhebungsfarbe von Hyperlinks auf dem iPhone anpassen können.
• Es gibt noch andere wichtige HTML-/Javascript-Funktionen, die Sie entweder bevorzugen oder vermeiden sollten.

Answer 3

Apple definiert den Benutzeragenten Hier.

Dieses Feld wird in den HTTP-Headern unter dem Schlüssel „User-Agent“ übertragen

Answer 4

Bessere Lösung:

*

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

}