Take a full page screenshot in Chrome

Here’s a quick tip that I thought would be helpful for others (and myself in case I forget in the future). I needed to take a screenshot of a website in the Chrome web browser and I remembered there was an option in the Dev Tools to do this but I couldn’t find it.

So I searched around online and found an answer, which is pretty simple and quick without having to install any extensions. Here’s what to do:

  1. Open the Dev Tools (hitting the F12 key)
  2. Press the “Ctrl”, “Shift” and “P” keys at the same time
  3. Scroll down the list and find the light purple “Screenshot” rectangles and click the one with “Capture full size screenshot”
  4. A prompt will come up asking you where to save the screenshot and you are done

My thanks go to hackernoon.com for the answer to my problem.





One response to “Take a full page screenshot in Chrome”

  1. BostonianAdam

    I noticed there is an easier way to take screenshots in Chrome than using the above steps. First open the Dev Tools by pressing the F12 key. Find the drop-down where “Responsive” is selected (where you can change the device), and to the far right you’ll see three dots stacked vertically. Click the dots and select “Capture screenshot” and that’s it.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.