【问题标题】:What are the iphone/android specific Web features?iphone/android 特有的网络功能是什么?
【发布时间】:2011-02-27 19:16:14
【问题描述】:

我正在尝试列出 Web 功能(HTML、CSS、Javascript、API) 可用于移动网页,我们通常不使用的东西 在桌面浏览器上使用。

到目前为止,我有:

  • 地理位置
  • 方向
  • 视口(宽度、比例)
  • 触摸事件
  • 点击高亮颜色
  • 地图和 youtube 链接在专用应用中打开
  • 电话:链接支持
  • 特定的键盘布局取决于表单(类型=数字、电子邮件、...)

我错过了什么?

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

【问题讨论】:

    标签: iphone android mobile html


    【解决方案1】:

    实际上,其中很多已经在 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/

    【讨论】:

    • 在 HTML 中也可以使用专门的link 标记:<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多