8

是否有任何附加组件可以测试 HTML 页面以查看它在移动设备上的外观?我正在使用 PhoneGap 进行开发,但 Eclipse 模拟器太慢了,无法一直刷新它,所以我想要一个浏览器扩展,让屏幕分辨率像在移动设备上一样。

4

2 回答 2

18

如果您只关心屏幕尺寸,Firefox 15(目前为Beta 版,两周后发布)在 Web Developer 菜单中具有响应式设计视图,可让您调整“屏幕尺寸”。例如,您可以选择 360x640(nHD 分辨率)并查看您的页面。

但是,移动浏览器会对网页进行自定义调整,这些调整取决于所使用的浏览器。例如,Firefox Mobile 做了一个叫做Font Inflation的事情。您无法在桌面浏览器中重现它,您必须为此实际运行 Firefox Mobile。问题:移动浏览器只能在手机上运行,​​甚至 Mozilla 在切换到原生 Android UI 后也停止为桌面提供 Firefox Mobile。

编辑:从 Firefox 33 开始,Firefox 内置了一个 Firefox OS 模拟器(感谢Tomek为我指明了这个方向)。要启动它,请打开 WebIDE,然后单击“选择运行时”并选择“Firefox OS 1.3”。这将启动模拟器,然后您需要做的就是单击 Firefox 图标(对我来说它是蓝色的,而不是通常的橙色)。在那里,您可以在真正的移动浏览器中测试任何网站,就在您的桌面上。

于 2012-08-13T14:35:30.980 回答
2

Firefox OS 模拟器可以解决问题:只需安装它。运行它 - 并在里面运行浏览器。:)

于 2013-11-20T16:54:23.053 回答