从桌面查看网站作为移动设备答案

【问题标题】：View website as mobile from desktop从桌面查看网站作为移动设备
【发布时间】：2012-06-26 22:58:53
【问题描述】：

我正在开发我的网站的移动版本，但我没有随身携带手机来查看我的更改。如何在桌面上模仿移动视图进行开发？我试过http://iphone-emulator.org/，但它不会将我的用户代理更改为移动设备。我在 Mac 上。

【问题讨论】：

【解决方案1】：

如果您使用的是 Mac，则可以下载嵌入模拟器的 iOS SDK。您还可以在 Android SDK 中找到一个模拟器。

编辑：伪造用户代理是一种错误的解决方案，因为您没有确切的渲染引擎而不是只有一个设备。

EDIT2：如果您正在开始移动设备开发，一个建议：提防黑莓（旧版本的操作系统嵌入了移动设备的 IE6）

【讨论】：

【解决方案2】：

您可以使用 Android 提供的emulator。

【讨论】：

【解决方案3】：

了解您的移动网络应用的最简单、最快捷的方法是使用 Chrome：

设置 -> 工具 -> 开发者工具 -> 设置（站点右下角）-> 用户代理（在选项卡菜单中）-> “覆盖用户代理”

请记住：任何模拟器的结果都应定期通过真实的移动设备进行验证。

【讨论】：

【解决方案4】：

如果您想同时查看多个用户代理的效果，可以尝试http://prism.mobiforge.com。它为每个移动设备显示一个 iframe，为每个移动设备使用正确的用户代理字符串。正如 AsTeR 所指出的，这是一种方便的检查，但不是测试真实设备上实际渲染的方法。

它还显示了每种情况下的整体页面权重，这很有用。

【讨论】：

【解决方案5】：

为 Firefox 使用“用户代理更改器”...

在 Safari 下设置开发者选项。开发->更改用户代理

【讨论】：