浏览器插件可调整窗口大小以进行浏览测试

在制作网站时，我可以使用22英寸的外接显示器工作，这很好，但是要更好地了解该网站在较小屏幕上的外观，我必须调整浏览器窗口的大小。

目前，我使用http://resizemybrowser.com/（也有一个safari扩展名），但是我在徘徊着是否有类似Firefox或chrome浏览器的插件，我已经搜索了，但是到目前为止却找不到任何东西。

刚在firefox中闲逛时发现它还具有“响应式设计”模式。转到Web开发人员 → 响应式设计视图。

之后，您会得到一个带有预设分辨率的下拉菜单：

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

1. 打开DevTools（F12）

2. 打开设置

   

3. 在“ 替代”面板中设置所需的窗口大小。

   

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

对于Chrome，您可以使用Window Resizer。对于Firefox，您可以使用Firesizer。