Тег браузера iPhone и оптимизированный веб-сайт
-
09-06-2019 - |
Вопрос
Что такое тег браузера iPhone и чем веб-сайт, оптимизированный для iPhone, отличается от обычного мобильного веб-сайта?
Спасибо!
Решение
В 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 -->
Другие советы
У Apple есть несколько отличных рекомендаций по разработке веб-страниц для iPhone здесь:
Руководство по веб-контенту Safari для iPhone
Из моего краткого ознакомления с ним, вот ключевые элементы, на которые следует обратить внимание:
- Способ работы с "видовым экраном" и прокруткой немного отличается из-за небольшого размера экрана.Существуют пользовательские МЕТА-теги, которые позволяют вам настраивать это автоматически, когда кто-то заходит на вашу страницу.
- Остерегайтесь страниц, использующих наборы рамок или другие функции, требующие от пользователя прокрутки различных элементов на странице, поскольку iPhone не отображает полосы прокрутки.
- Если вы ожидаете, что люди добавят вашу страницу в закладки на iPhone, есть пользовательский МЕТА-тег, который позволяет вам указать значок размером 53x53, который будет выглядеть лучше, чем обычный favorite.ico.
- Избегайте javascript, который зависит от движения мыши или наведения курсора мыши, чтобы что-то происходило, они не будут работать должным образом на iPhone.
- Существуют некоторые пользовательские свойства CSS, которые позволяют настраивать размер текста и выделять цветом гиперссылки на iPhone.
- Есть и другие ключевые функции HTML / Javascript, которые, как они советуют вам, следует либо одобрять, либо избегать.
Apple определяет пользовательский агент здесь.
Это поле передается в HTTP-заголовках под ключом "User-Agent".
Лучшее решение:
*
(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;
}
Не связан с StackOverflow