将网站重新用于移动平台答案

【问题标题】：Repurposing a site for mobile platform将网站重新用于移动平台
【发布时间】：2010-03-16 09:57:51
【问题描述】：

我有一个现有的网站正在运行。我希望这个网站也可以在智能手机上查看。我准备剃掉一些东西，但想知道我该如何测试这个，是否有任何工具/指南来说明如何重新利用该网站以在手机上以最佳方式查看？如何在网站上检测是手机还是 PC 访问该网站并相应地提供适当的内容。

【问题讨论】：

标签： mobile

【解决方案1】：

有几个因素需要考虑，例如： - 屏幕尺寸 - 触摸与非触摸

要检测手机是否点击了您的网站，您只需验证用户代理即可。

【讨论】：

【解决方案2】：

A List Apart 上有一篇很好的文章可以回答您的实施问题：Put Your Content in My Pocket

您可以通过将浏览器的用户代理设置为移动设备的用户代理来进行测试。这可以在 safari 的开发设置下完成，或者 firefox 有各种插件。

还有一个提示，不要使用任何需要悬停功能的东西。触摸屏不会悬停。

【讨论】：

【解决方案3】：

http://mtld.mobi/你会发现这是一个陌生的新世界

您应该首先决定要支持哪些移动平台，然后开始编码...

【讨论】：

【解决方案4】：

正如有人提到的，http://mtld.mobi/ 是获取资源的最佳起点，但对于测试，我会使用 http://ready.mobi，它将测试和调试您的网站，并提供在移动平台上查看您的网站的界面。

首先，您需要确定要支持的平台/浏览器。如果它只是像 Android/Iphone/Blackberry 这样的智能手机，那将是一个非常安全的赌注，只要该网站在 crome 中运行并且不是非常密集的 javascript 并且该网站适合较小的屏幕就可以了。

这就是实践中的理论，移动就是移动，而现实世界的测试是实现 100% 覆盖率的唯一途径。

【讨论】：