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

时间:2008-09-09 18:40:03

标签: iphone html mobile mobile-website

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

谢谢!

4 个答案:

答案 0 :(得分:2)

Apple在iPhone网页开发方面有一些很好的指导原则:

Safari Web Content Guide for iPhone

从我的简要介绍中,这是一个需要注意的关键要素:

  • 由于屏幕尺寸较小,“视口”和滚动的工作方式略有不同。有些自定义META标记可让您在有人访问您的页面时自动进行调整。
  • 请注意使用框架集或其他要求用户滚动页面上不同元素的功能的页面,因为iPhone不显示滚动条。
  • 如果您希望人们在iPhone上为您的页面添加书签,那么您可以使用自定义META标记来指定53x53图标,该图标看起来比典型的favorite.ico更好。
  • 避免使用依赖于鼠标移动的javascript或悬停操作来实现操作,它们无法在iPhone上正常工作。
  • 有一些自定义CSS属性允许您调整文本大小并突出显示iPhone上超链接的颜色。
  • 还有其他关键的HTML / Javascript功能,他们会告诉您要么赞成也要避免。

答案 1 :(得分:1)

Nettuts对iPhone的网络开发有很好的介绍。你找到它here

这是您要求的具体代码(取自该文章):

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

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

<!--#else -->   

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

答案 2 :(得分:1)

Apple定义了用户代理here

此字段在密钥“User-Agent”

下的HTTP标头中传输

答案 3 :(得分:0)

更好的解决方案:

*

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

}