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

et_et 发布于 2018-04-28 html 最后更新 2018-04-28 10:10 634 浏览

什么是iPhone的浏览器标签以及iPhone优化网站与常用移动网站的区别? 谢谢!

已邀请:

gipsam

赞同来自:

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

bdicta

赞同来自:

Apple定义了用户代理here。 该字段在关键字“User-Agent”下的HTTP头中传输,

nquis

赞同来自:

Apple在这里为iPhone网页开发提供了一些极好的指导: Safari Web Content Guide for iPhone 从我的简短阅读中,请注意以下几点:

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

gquia

赞同来自:

更好的方案:

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