Capture full-size web page scrolling screenshots in Chrome

How to capture full-size scrolling screenshots in Chrome

Ready to take full-size screenshots of web pages in Chrome? What this does:

1. 1. Open Chrome Developer Tools (View > Developer > Developer Tools)

1. 1. Click the Responsive Design Mode button in the Developer Tools drawer

1. 1. Scroll down the entire webpage so that all images load (this is important to capture lazy-loaded images, a common technique used to speed up webpages)*
   2. Click the three vertical dots in the upper right corner of the Responsive Design tool and select "Capture Full Size Screenshot"

1. The full-size screenshot will appear in your default Chrome Downloads folder

On Mac, you will find the full-size screenshot of the page in User Downloads unless you manually changed it.

The above is the detailed content of Capture full-size web page scrolling screenshots in Chrome. For more information, please follow other related articles on the PHP Chinese website!