什么是iphone / android特定的Web功能?

时间:2010-06-04 13:15:24

标签: iphone android mobile html5

我正在尝试列出网页功能(HTML,CSS,Javascript,API) 可以用于移动网页,这是我们通常不会做的事情 在桌面浏览器上使用。

到目前为止,我有:

  • 地理位置
  • 取向
  • 视口(宽度,比例)
  • 触摸事件
  • 抽头高亮颜色
  • 地图和youtube链接在专用应用中打开
  • tel:links support
  • 具体的键盘布局取决于表单(type = number,email,...)

我在这里想念什么?

问题是:“如果我是桌面Web开发人员,我应该考虑如何构建我的网站的移动版本?”

1 个答案:

答案 0 :(得分:3)

实际上,其中很多已经在HTML5标准中。事实上,它们并非特定于Android / iPhone。

例如,以下是HTML5规范的一部分:

  • 地理定位:已在Gecko(Firefox)和Webkit(Safari / Chrome)中实施
  • 视口:可使用Javascript访问
  • 号码/电子邮件/电话号码特定字段:部分由多个浏览器实施

在处理您网站的移动版本时(假设您的意思是支持触摸的智能手机),您的主要问题是图标/按钮/文本/控件/等的大小。其他任何东西,包括多点触控,都只是额外的。

至于其他附加功能,您可以考虑使用JQTouch(http://www.jqtouch.com/)之类的东西在移动客户端上提供更“原生”的外观。 JQTouch提供本机动画,AJAX界面,专用按钮/切换/文本字段以及使iPhone Web应用程序看起来更好的主题。它也适用于Android,因为它的浏览器也基于Webkit。

有关iPhone / Android网络框架的更多信息,请参阅http://distractable.net/coding/iphone-android-web-application-frameworks/