Chrome开发人员工具，什么是捕获全尺寸屏幕截图？

Question

我意识到在Chrome开发人员模式下有Capture full size screenshot。在试用了这些功能之后，我注意到在截取屏幕截图之后，UI设计会略有变化（屏幕截图似乎比我看到的视口还要宽）。

我有iPhone 6/7/8设备的屏幕截图。

我可以知道“捕获全尺寸屏幕截图”和“捕获屏幕截图”有什么区别，为什么屏幕截图不同？

Answer 1

捕获屏幕截图：

这将截取可见视口中的内容（即您在屏幕上看到的内容）的屏幕截图。

捕获完整尺寸的屏幕截图：

这将获取整个页面的屏幕截图，即，如果页面是可滚动的，并且您当前无法看到的某些内容也将被捕获。

参考here。

我希望这会对您有所帮助。