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

如何使用Firefox在特定屏幕分辨率下测试网页/web应用程序的外观,firefox,testing,firefox-addon,screen-resolution,Firefox,Testing,Firefox Addon,Screen Resolution,我的任务是测试一个web应用程序,该应用程序应该适合分辨率为1280*1024的屏幕 然而,我的工作显示器是一个分辨率为1680*1050的20英寸屏幕 将Firefox窗口的大小调整为1280*1024是否符合测试标准,还是应该始终更改显示器的分辨率?(显然,第二种选择并不可取) 还有:是否有一个Firefox插件可以帮助我适当地设置窗口大小?有时候大声问问题有助于了解你真正想要的东西:) 有一个名为Firefox的插件,它可以帮助以给定的分辨率显示页面,即使是1280*1024分辨率 安装后

我的任务是测试一个web应用程序,该应用程序应该适合分辨率为1280*1024的屏幕

然而,我的工作显示器是一个分辨率为1680*1050的20英寸屏幕

将Firefox窗口的大小调整为1280*1024是否符合测试标准,还是应该始终更改显示器的分辨率?(显然,第二种选择并不可取)


还有:是否有一个Firefox插件可以帮助我适当地设置窗口大小?

有时候大声问问题有助于了解你真正想要的东西:)

有一个名为Firefox的插件,它可以帮助以给定的分辨率显示页面,即使是1280*1024分辨率

安装后,只需转到“工具”->“Web开发人员”->“响应式设计”视图,即可在此处打开首选分辨率:

好,上面的人死了。现在怎么办? 自从写下这个答案后,我换了工作,不必测试具体的解决方案。但是我做了快速的谷歌搜索,这个网站似乎正在运行:

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

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

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

这就是响应式设计模式的外观:


您好,您的链接已断开。有没有其他插件可以推荐?@RDardelet编辑了答案,但我基本上是用谷歌搜索的。如果您找到更好的解决方案,请随意添加另一个答案,我会接受,因为我问了这个问题too@PavelJanicek,接受表示对您有效的答案。如果你写的是对你有用的东西,那么它应该是公认的答案。不管它是否是自我回答的。如果另一个答案是有帮助的,那么请随意投票,但你不应该接受,除非这是你用来解决问题的方法。@RDardelet和PavelJanicek:不需要附加组件,响应式设计模式/视图是Firefox的一个常用部分。太棒了!感谢您将此添加为答案