【问题标题】：Embed a Mobile Emulator on a Website?在网站上嵌入移动模拟器？
【发布时间】：2011-11-22 19:10:53
【问题描述】：

我基本上想知道是否可以创建类似于此站点的功能：http://www.howtogomo.com/en/#gomo-meter

我想在我的网站上添加某种功能，让访问者可以查看他们的网站在 iPhone 或 Android 手机等移动设备上的显示效果。

【问题讨论】：

标签： android iphone mobile mobile-emulator

【解决方案1】：

您可以从 android sdk 启动 android 模拟器，然后使用 android 调试桥启动以下命令

adb 外壳

我开始 -a android.intent.action.VIEW -d http://stackoverflow.com

然后关注以下博客 http://android.amberfog.com/?p=168，截屏。

【讨论】：

【解决方案2】：

没有。看起来该站点在服务器端呈现该网站，然后将其图像发送到您的浏览器。

如果您只对 Android 和 iPhone（以及带有基于 webkit 浏览器的类似智能手机）感兴趣，那么您可以尝试与http://iphonetester.com 类似的方法。这使用嵌入的框架来模拟 iPhone 的大小（以像素为单位）。请注意，尽管这些浏览器可能基于 webkit，但这并不意味着它们的实现是相同的 - 请参阅 http://www.quirksmode.org/webkit.html 了解不同基于 webkit 的浏览器之间的差异。

如果您想转向其他非基于 webkit 的浏览器，这将不起作用。

【讨论】：