javascript - 什么是构建移动/平板电脑兼容的Web应用程序的最佳实践

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

考虑到这一点，我注意到某些事情的效果不如我的iphone那么简单。

似乎破坏的内容包括（但不限于）：

真正的问题是：您是否有任何可以涵盖以下内容的指南，文章或其他任何内容或您可以给出的任何建议。

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

是否有任何框架（CSS或JS）可以抽象并在需要时进行优雅降级？我会想到boilerplate jquery-mobile？

你用什么替换上面的东西，单击事件？

如何将滑动整合到网络应用中？你能处理和回应手指放大吗？你呢？

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

你做了什么来容纳尴尬的操作系统元素，如mootools-mobile (power tools)，select和checkbox？

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

至于设备支持，我只对droid和ios感兴趣，所以javascript支持会非常好 - 你会放弃你的主框架并使用micro js lib吗？

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

任何能够同时或通过不同设计在移动设备和桌面设备上工作得很好的网站示例，我希望看到它们并找到可能的内容。

提前感谢。