浏览器插件用于调整浏览器测试窗口大小

Question

当我创建网站时，我在 22 英寸的外接显示器上工作，这很好，但为了更好地了解网站在小屏幕上的显示效果，我必须调整浏览器窗口的大小。

目前我用的是http://resizemybrowser.com/（它也有一个 Safari 扩展）但我想知道是否有 Firefox 或 Chrome 浏览器插件可以做类似的事情，我搜索过但到目前为止还没有找到任何东西。

Answer 1

刚刚在 Firefox 中搜索了一下，发现它还有一个“响应式设计”模式。转到Web开发人员→响应式设计视图。

之后您将看到一个带有预设分辨率的下拉菜单：

Answer 2

这实际上是 Chrome 的内置功能。

1. 打开 DevTools ( F12)

2. 打开“设置”

   

3. 在覆盖控制板。

   

注意：在该面板中选择用户代理时，Chrome 将自动尝试为所选代理选择正确的设备指标。

Answer 3

对于 Chrome，您可以使用窗口调整器。对于 Firefox，您可以使用火力大小。