iPhone 브라우저 태그 및 최적화된 웹사이트
-
09-06-2019 - |
문제
아이폰의 브라우저 태그는 무엇이고, 아이폰에 최적화된 웹사이트는 일반 모바일 웹사이트와 어떻게 다른가요?
감사해요!
해결책
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 웹 페이지 개발에 대한 몇 가지 훌륭한 지침을 제공합니다.
간략히 읽어본 결과, 주의해야 할 핵심 요소는 다음과 같습니다.
- "뷰포트"와 스크롤 작동 방식은 작은 화면 크기로 인해 약간 다릅니다.누군가가 귀하의 페이지를 방문할 때 이를 자동으로 조정할 수 있는 사용자 정의 META 태그가 있습니다.
- iPhone에는 스크롤 막대가 표시되지 않으므로 사용자가 페이지의 다른 요소를 스크롤해야 하는 프레임셋이나 기타 기능을 사용하는 페이지를 주의하세요.
- 사람들이 iPhone에서 귀하의 페이지를 북마크에 추가할 것으로 예상되는 경우 일반적인 favorite.ico보다 보기 좋은 53x53 아이콘을 지정할 수 있는 사용자 정의 META 태그가 있습니다.
- 작업을 수행하기 위해 마우스 움직임이나 호버 동작에 의존하는 자바스크립트는 피하세요. iPhone에서는 제대로 작동하지 않습니다.
- iPhone에서 텍스트 크기를 조정하고 하이퍼링크 색상을 강조 표시할 수 있는 몇 가지 사용자 정의 CSS 속성이 있습니다.
- 선호하거나 피하라고 알려주는 다른 주요 HTML/Javascript 기능도 있습니다.
Apple은 사용자 에이전트를 정의합니다. 여기.
이 필드는 "User-Agent" 키 아래 HTTP 헤더로 전송됩니다.
더 나은 솔루션:
*
(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