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

我为一个想要从移动设备轻松访问的客户主持一个小型网上商店.

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

当我这样做时,我应该：

>检查用户是否有移动设备,然后将其转发到其他站点？
我认为优点是：

>我可以优化两个站点的布局以进行屏幕显示
>我可以在两个站点中使用不同的技术(例如,jquery mobile for mobile)

>对不同的屏幕尺寸使用CSS =>喜欢在tutsplus
我认为优点是：

>我只需要一个网站,但在谈论一个小型网上商店时,我觉得很多工作

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

您可以轻松地按照html5 [样板]：3将detect user’s browser和条件脚本包含在内

/* 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用户时需要考虑的主要事项：

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

大部分内容都涵盖在here

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