什么是构建移动/平板电脑兼容的网络应用程序的最佳做法

Dim*_*off 7 html javascript css mobile tablet

似乎随着手持设备的增加,人们不得不开始考虑更多,而是放弃IE6.

考虑到这一点,我注意到某些事情不能像我的iphone那样或者完全没有效果.

看似破坏的内容包括(但不限于):

  • mouseover/mouseout事件(几乎可以打破任何东西)
  • CSS pseudos:​​自然也是悬停(例如,打破导航CSS专用菜单)
  • DOUBLE CLICKS - 它缩放而不是事件处理程序
  • 与CSS相关的问题(分钟,它似乎就像在Chrome中没有渐变+一些字体大小的问题)

真正的问题是:你有任何指导方针,文章或任何可以涵盖以下内容或任何你可以提供的建议.


您从哪里开始,以便将桌面用户的体验音译到移动用户?您是否尝试为移动设备制作单独的皮肤,或者您是否更改/修复您的网站以尽可能地工作 - 这两种方法都涉及多少维护和工作

是否有任何框架(CSS或JS)可以抽象并在需要时进行优雅降级?boilerplate浮现在脑海中,jquery-mobile mootools-mobile (power tools)

你用什么替换上面的东西,点击事件?

如何将滑动融入网络应用程序?你能处理和回应手指放大吗?你应该?

其他事件,如摇晃,倾斜 - 它们是否会冒泡到浏览器窗口?

你做了什么来容纳尴尬的操作系统元素,如select,checkboxradio

资源管理 - 您是否使用仅发送特定于设备的文件的检测层,而不是可以处理两者的通用js库?

至于设备支持,我只对droid和ios感兴趣,所以javascript支持会相当不错 - 你会放弃你的主框架并转而使用micro js lib吗?

最后 - 你对手持设备如何用于电子商务和货币化(目前和不久的将来)有任何印象.我想从商业的角度确定开发工作是值得花费的,而且我们不会像'#socialmedia'那样追求流行语噱头.有关转换价值的任何数据与桌面数据相比较?这可以帮助我衡量这些是用作快速浏览工具还是可以实际完成monty.

任何在同一时间或通过不同设计在移动和桌面方面做得很好的网站的例子,我希望看到它们并找到甚至可能的东西.

提前致谢.

Gar*_*yan 7

你刚刚问过我最近问过的很多问题.当我还在研究和探索时,我无法给出很好的答案.但这里有一些有用的链接.

我希望这至少有点帮助.