当前位置：文江博客话题详情

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

发布于 2024-11-07 19:22:02 字数 1184 浏览 0 评论 0原文

似乎随着手持设备的兴起，人们必须开始更多地考虑它们并放弃 IE6。

考虑到这一点，我注意到某些功能在我的 iPhone 上无法正常工作或根本无法正常工作。

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

mouseover/mouseout 事件（几乎可以破坏任何东西）
CSS 伪类 :hover 也是自然的（例如，破坏导航 CSS 菜单）
双击 - 它会缩放而不是事件处理
CSS 相关问题（分钟，它的工作原理就像在 Chrome 中一样，没有渐变 + 一些字体大小问题）

真正的问题是：您是否有任何指南、文章或任何可以涵盖以下内容的内容或您可以提供的任何建议。

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

是否有任何框架（CSS或JS）可以抽象它和在需要时进行优雅降级？我想到了样板，jquery-mobile mootools-mobile（电动工具）？

你用什么来代替上面的东西，点击事件？

如何将滑动合并到网络应用程序中？你能处理并响应手指缩放吗？你应该吗？

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

您是否采取任何措施来适应诸如 select、checkbox 和 radio 等尴尬的操作系统元素？

资源管理 - 您是否使用检测层，该检测层仅发送设备特有的任何文件，而不是可以处理两者的通用 js 库？

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

最后 - 您对手持设备对于电子商务和货币化（当前和不久的将来）的可行性有什么印象吗？我想从商业角度确保开发工作是值得的，我们不会追求像“#socialmedia”这样的流行语噱头。有没有与桌面设备相比的转化价值数据？这可以帮助我判断这些是否用作快速浏览工具或实际上可以完成全部任务。

任何能够同时在移动设备和桌面设备上或通过不同设计出色地工作的网站示例，我都希望看到它们并找到可能的功能。

提前致谢。

原文

Seems that with handheld devices on the rise, one has to start taking them into account more and drop IE6 instead.

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):

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)

the real question is: do you have any guidelines, articles or whatever that can cover things below or any advice you can give.

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

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?

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?

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?

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.

any examples of a site that does a great job of working in mobile and desktop at the same time or through different designs, I would like to see them and find what's even possible.

thanks in advance.

分享到QQ

分享到微博