Question

我为希望可以通过移动设备轻松访问的客户托管一个小型网上商店。

如何检测用户是否正在通过移动设备浏览我的网站？

当我这样做时，我应该：

检查用户是否有移动设备，然后将其转发到其他网站？我认为优点是：
- 我可以优化两个网站的布局以进行屏幕大小
- 我可以在两个站点中使用不同的技术（例如，jquery mobile for mobile）
将CSS用于不同的屏幕尺寸=＆gt;喜欢tutsplus 我认为优点是：
- 我只需要一个网站，但在谈到一个小型网上商店时，我觉得很多工作

Answer 1

理想情况下，您应尝试将jQuery Mobile页面结构与您自己的CSS和JavaScript一起用于非移动设备。

您可以轻松地detect user's browser和条件脚本包含html5 [样板]：3

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

针对iPhone用户时需要考虑的主要事项：

确保没有重要的Flash对象在页面上，因为它不受支持许多移动浏览器（还有？）
适当的屏幕尺寸（使用视口元标记）
请记住，没有鼠标游标，意思是没有悬停/双击任何可用鼠标拖动手势不同触控设备
记住所有弹出窗口都是新的标签，不会在同一个看到时间作为主窗口，使用 javascript modal divs as alternative
测试你所有的javascript和css 确保一切看起来和工作相同（Safari需要-webkit-前缀对于最新的CSS属性）
为您创建主屏幕图标网站（一件好事）

大部分内容均涵盖here

查看Safari Dev Center的教程/视频/编码方法等。

Answer 2

有几种选择，但这是我的最爱：

http://code.google.com/p/mobileesp/

还提供了几种不同语言的API

Answer 3

如果您不想使用jQuery，则根本不需要jQuery。我们没有。并不是说这有什么不妥。

2号是最好的选择。如果您首先考虑使用移动设备创建一个网站，那么扩展和操作桌面的过程要比将内容缩小到移动屏幕要容易得多。

Answer 4

JQuery Mobile目前处于测试阶段1。 Beta 2将在一个月内发布。它目前相当稳定，你可以从中获得很多关于被认为是“最佳实践”的知识。您可以将媒体查询用于JQuery Mobile也支持的不同平台的屏幕大小。

http://jquerymobile.com/

检测和格式化移动浏览器的最佳做法

4 个答案: