тег браузера iPhone и оптимизированный веб-сайт - PullRequest
Новая
       50

тег браузера iPhone и оптимизированный веб-сайт

3 голосов
/ 09 сентября 2008

Что такое тег браузера iPhone и чем веб-сайт, оптимизированный для iPhone, отличается от обычного мобильного веб-сайта?

Спасибо!

Ответы [ 4 ]

2 голосов
/ 10 сентября 2008

У Apple есть несколько отличных рекомендаций по разработке веб-страниц для iPhone здесь:

Руководство по веб-контенту Safari для iPhone

Из моего краткого прочтения вот ключевые элементы, на которые следует обратить внимание:

  • Способ работы окна просмотра и прокрутки немного отличается из-за небольшого размера экрана. Существуют пользовательские мета-теги, которые позволяют вам настроить это автоматически, когда кто-то заходит на вашу страницу.
  • Остерегайтесь страниц, которые используют наборы фреймов или другие функции, которые требуют от пользователя прокрутки различных элементов на странице, поскольку iPhone не отображает полосы прокрутки.
  • Если вы ожидаете, что люди добавят вашу страницу в закладки на iPhone, есть пользовательский тег META, который позволяет вам указать значок 53x53, который будет выглядеть лучше, чем обычный favourico.
  • Избегайте использования JavaScript, который зависит от движения мыши или действий при наведении курсора, они не будут работать прямо на iPhone.
  • Существуют некоторые пользовательские свойства CSS, которые позволяют настраивать размер текста и выделять цвет гиперссылок на iPhone.
  • Существуют и другие ключевые функции HTML / Javascript, которые они либо рекомендуют, либо одобряют, либо избегают.
1 голос
/ 09 сентября 2008

Apple определяет пользовательский агент здесь .

Это поле передается в заголовках HTTP под ключом «User-Agent»

1 голос
/ 09 сентября 2008

Nettuts имеет отличное введение в веб-разработку для iPhone. Вы найдете это здесь

Это конкретный код, который вы просили (взят из этой статьи): 

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

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

<!--#else -->   

<!--  
    place standard code to be used by non iphone browser.   
-->   
<!--#endif -->
0 голосов
/ 25 июня 2010

Лучшее решение: 

*

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

}

...