如何使用Firefox在特定屏幕分辨率下测试网页/网络应用的外观

响应式设计模式是Firefox的一个库存部分,可从所有Firefox版本的菜单栏:工具 - > Web开发人员 - > 响应式设计视图中获得(键盘快捷键:Ctrl+ Shift+ M,(或OS X上的Cmd+ Opt+ M)).无需扩展即可访问此模式.

在响应式设计模式下,您可以设置用于网页的确切显示区域.有几个预设尺寸.或者,可以通过直接键入尺寸或将显示拖动到所需尺寸来使用自定义显示尺寸.设置的是用于包含网页显示的区域的像素尺寸.

这些尺寸与设置整个屏幕使用的像素尺寸不同,后者包括Firefox用户界面.如果将其设置为特定物理显示大小的尺寸,则与使用全屏模式(在桌面版本,键盘快捷键上F11)显示的尺寸相同.如果您想查看包含Firefox用户界面的页面外观,您需要确定用户界面在您感兴趣的屏幕分辨率以及您打算使用的平台上消耗的像素数(例如,桌面, Android,iOS).然后,您将需要使用自定义显示大小.请注意,Firefox用户界面使用的空间量将取决于许多因素,包括操作系统和物理显示器的分辨率 - 用户安装的任何主题,用户选择显示的工具栏,以及可能,用户已安装的附加组件.

这就是响应式设计模式的样子:

有时大声问问题有助于实现你真正想要的:)

有一个名为More Display Resolutions的 Firefox插件,它有助于以给定的分辨率显示页面,即使在1280*1024中也是如此

安装后,只需转到工具 - > Web开发人员 - >响应式设计视图,在这里您可以打开优先级解决方案:

好的,上面死了.现在怎么办？

从写这个答案的时候起,我改变了工作,不必测试具体的解决方案.但我做了快速谷歌搜索,这个网站似乎工作:http://quirktools.com/screenfly/