调整Chrome DevTools时，请保持视口大小不变

Question

在调整Chrome DevTools窗口时，有没有办法保持视口的大小不变？

例如，我打开DevTools并将其最小化到窗口底部......

所以我去扩展它。但是当我这样做时，它会改变视口大小，这在这种情况下很难与我的小提琴互动。

换句话说，我希望页面呈现就像它占用了视口一样，当我打开DevTools时，它只是覆盖了视口的下半部分，而没有更改innerWidth或{{1} }。

Answer 1

我不知道DevTools中有任何选项可以准确地实现这种行为，但您可以通过在检查器打开时启用响应模式来改善这种情况：

如上所述，您可以展开DevTools以填充屏幕的合理部分，然后相应地设置视口的高度和宽度，以便您可以看到要检查的内容。