浏览器插件来测试移动设计

Question

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

Answer 1

如果您只关心屏幕大小,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图标(对我来说它是蓝色的,而不是通常的橙色).在那里,您可以在桌面上的真实移动浏览器中测试任何网站.