iphone - iPhone 浏览器标签和优化的网站

Question

iPhone 的浏览器标签是什么以及 iPhone 优化的网站与通常的移动网站有何不同？

谢谢！

Answer 1

Apple 在这里为 iPhone 网页开发提供了一些出色的指南：

iPhone 版 Safari 网页内容指南

根据我对它的简短阅读，以下是需要注意的关键要素：

• 由于屏幕尺寸较小，“视口”和滚动的工作方式有些不同。有自定义 META 标签可让您在有人访问您的页面时自动调整此标签。
• 当心使用框架集或其他需要用户滚动页面上不同元素的功能的页面，因为 iPhone 不显示滚动条。
• 如果您希望人们在 iPhone 上为您的页面添加书签，则可以使用自定义 META 标签指定一个 53x53 的图标，该图标看起来比典型的 favorite.ico 更好。
• 避免依赖于鼠标移动或悬停动作来使事情发生的 javascript，它们在 iPhone 上无法正常工作。
• 有一些自定义 CSS 属性可让您调整 iPhone 上超链接的文本大小和突出显示颜色。
• 还有其他关键的 HTML/Javascript 功能，他们告诉你要么喜欢要么避免。

Answer 2

Nettuts 对 iPhone 的 Web 开发有很好的介绍。你在这里找到它

这是您要求的特定代码（取自该文章）：

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

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

<!--#else -->   

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

Answer 3

Apple 在这里定义了用户代理。

该字段在“User-Agent”键下的 HTTP 标头中传输

Answer 4

更好的解决方案：

*

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

}