构建移动/平板电脑兼容的网络应用程序的最佳做法是什么？ [英] what's the best practices for building a mobile/tablet-compatible web app
问题描述
似乎随着手持设备的兴起，人们不得不开始考虑它们，并放弃IE6。
Seems that with handheld devices on the rise, one has to start taking them into account more and drop IE6 instead.
考虑到这一点，我注意到某些事情不能正常工作，甚至可以说，我的iphone。
With that in mind, it has come to my attention that certain things don't work as well as can be or at all on say, my iphone.
似乎中断的内容包括（但不限于）：
what seems to break includes (but not limited to):
- / mouseout事件（几乎可以打破任何东西）
- CSS伪元素：hover以及，当然（打破导航CSS-菜单，例如）
- DOUBLE CLICKS - 它缩放而不是事件处理程序
- 与CSS相关的问题（分钟，似乎像Chrome中的渐变和一些字体大小的问题） li>
- mouseover/mouseout events (can break almost anything)
- CSS pseudos :hover as well, naturally (breaks nav CSS-only menus, for instance)
- DOUBLE CLICKS - it zooms instead of the event handler
- CSS-related issues (minute, it seems to work just like in Chrome w/o the gradients + some font-size issues)
真正的问题是：你有任何指导方针，文章或任何可以涵盖以下内容或任何建议你可以给。
为了将桌面用户体验转化为移动设备，您需要从哪里开始？您尝试为移动设备制作单独的皮肤，或者您更改/修复您的网站以尽可能最佳地工作 - 两种方法都涉及多少维护和工作
where do you start in order to transliterate the experience for desktop users over to mobile ones? do you try to make a separate skin for mobile devices or do you alter / fix your site to work as best as possible - how much maintenance and work is involved in either approach
有没有任何框架（CSS或JS），可以抽象，做适当的降级需要什么？ 模板想起来， jquery-mobile mootools-mobile c $ c>？
are there any frameworks (CSS or JS) that can abstract that and do the graceful degradation where required? boilerplate comes to mind, jquery-mobile mootools-mobile (power tools)?
您要用什么替换上面的内容，点击事件？
what do you replace things like the ones above with, click events?
网络应用程序？你能处理和响应手指放大吗？您是否应该？
how do you incorporate swipes into a web app? can you handle and respond to finger zooms? should you?
其他事件（例如摇动，倾斜）会在浏览器窗口中冒泡吗？
additional events like shake, tilt - do they bubble to the browser window?
做任何事情以适应尴尬的操作系统元素，如选择，复选框和收音机？
do you do anything to accommodate awkward OS elements like select, checkbox and radio?
资源管理 - 你使用一个检测层，只发送任何特定于设备的文件，而不是通用的js libs，可以处理两者？
resource management - do you use a detection layer that will only send whatever files are particular to the device as opposed to generic js libs that can deal with both?
作为设备支持，我对droid和ios感兴趣，所以javascript支持将是相当不错 - 你会放弃你的主框架，去使用微js lib ？
as for device support, I am interested in droid and ios only so javascript support will be pretty good - would you drop your main framework and go with a micro js lib instead?
最后，您是否有关于可行的手持设备用于电子商务和营利（目前和近期）的任何印象。我想从业务角度确保开发工作值得花费，我们不会像#socialmedia这样的流行时尚g头。任何有关转换值的数据与桌面相比？这可以帮助我衡量，如果这些被用作一个快速浏览工具，或可以实际做完整的monty。
and finally - do you have any impressions on how viable handheld devices are for e-commerce and monetisation (currently and in the near future). I would like to make sure from a business standpoint that the dev work will be worth the expenditure and we're not going to go after buzzword gimmick like '#socialmedia'. any data on conversion values in comparison to the desktop ones? this can help me gauge if these are used as a quick browsing instrument or can actually do the full monty.
任何例子的一个网站做一个伟大的工作在移动和桌面设备上同时工作或通过不同的设计，我想看看他们，并找到甚至可能的。
提前感谢。
推荐答案
你刚刚问了我最近一直问自己的很多问题。我不能给出很好的答案，因为我仍在研究和探索。但这里有一些有用的链接。
You've just asked a lot of questions I've been asking myself recently. I can't give great answers yet as I'm still researching and exploring. but here are some useful links.
- Rethinking the mobile web
- Mobile emulators
- How to build a mobile site
我希望这至少对您有所帮助。
I hope this is at least a little helpful.
这篇关于构建移动/平板电脑兼容的网络应用程序的最佳做法是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
