html - Chrome developer tools, what is capture full size screenshot?

Question

I realize that there is this Capture full size screenshot on chrome developer mode. After trying out the features i've notice that there will a slight change of UI design after taking the screenshot (the screenshot seem wider than the viewport i saw).

I have screenshot the screen with iphone 6/7/8 device.

May I know what is the difference of 'Capture full size screenshot' and 'Capture screenshot' and why are the screenshots are different?

标签： htmliphonegoogle-chromemobilegoogle-chrome-devtools

Answer 1

捕获屏幕截图：

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

捕获全尺寸屏幕截图：

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

参考这里。

我希望这能帮到您。