HTML5的设备方向模拟器

Question

HTML5解释器（又名Web浏览器）是否有定向设备模拟器/模拟器？

我在HTML5中玩弄DeviceOrientation Event Specification，我可以编写一个适用于我的Android智能手机浏览器的示例。

但是，在开发阶段，我想直接在我的电脑上试用代码，我正在寻找一个设备方向模拟器。

对于Android的我发现OpenIntents Sensor Simulator，因为你需要在应用特殊的Java代码，因此它是不是在Web浏览器中可用的（除非您使用一些特殊的一个），这是没有用的。有没有其他Android设备模拟器直接在浏览器中工作？

我也无法找到任何Firefox的模拟器。

任何其他解决方案？

Answer 1

那么在Chrome中有此

非动画版：

1. 开放开发工具fromt汉堡包菜单
2. 按ESC键或单击>_图标
3. 选择仿真选项卡
4. 单击电话图标

请注意，Chrome的devtools仿真显然存在一些问题，因此还有this device orientation emulation library。

Answer 2

但是，在开发阶段，我想直接在我的电脑上试用代码，我正在寻找一个设备方向模拟器。

有Xcode其中有一个iPhone模拟器，你可以改变方向。 Android SDK还允许您创建虚拟Android设备，您可以像使用真实手机一样使用虚拟Android设备，但可以在计算机屏幕上使用。 另外还有Opera mobile emulator，它的功能与Opera Mobile相同。

然后，您可以使用Prefix free开发您的代码，以便您不必担心CSS的供应商前缀。

Mozilla suggests你测试这些设备/模拟器/仿真器，还可以直接在设备，因为它会稍微从你会得到你值得信赖的电脑上看到的不同上。

而且，最后但并非最不重要（并且只与你的问题略有关联），真的有很棒的东西，比如Weinre，Adobe Shadow和新的Safari 6 Webinspector，它们可以让你调试JavaScript并从你的计算机编辑DOM和CSS。装置。 Shadow甚至可以让你一次重新加载一些连接的设备。

Answer 3

我看到其他人建议使用Chrome DevTools模拟器，但现在似乎有错误（请参阅，例如https://code.google.com/p/chromium/issues/detail?id=504343）。

作为对这些问题的回应，我刚建立了自己的deviceorientation模拟器。

https://github.com/richtr/deviceorientationemulator

我一直在W3C规范DeviceOrientation了一段时间，我应该在这一点上，这个说：在任何桌面浏览器使用这种基于弹出仿真器说明，可在发现模拟器目前会生成与当今Android上任何Chromium浏览器中运行Web应用程序时所获得的设备相同的设备数据。

希望Chromium DevTools模拟器很快就会更新，但在此期间我希望这是有用的。