How to screen capture a full webpage on a Chromebook

Earlier today I had to file a DMCA takedown request for a site that republished some of the content from this site. All of the links and images were stripped and the copy seemed to have run through a bad rewording script or app. For my records, I wanted a screenshot of the full offending web page instead of capturing each visible screen section piecemeal. I thought other users might want to know how to screencap a full web page in a single image on a Chromebook, which is actually easy to do.

You wouldn’t know where this feature is in Chrome OS but it’s built in to the Developer Tools of the browser. So first you’ll browse to the web site or page on your Chromebook. I’ll use Techmeme.com as an example.

Then, on your keyboard, type the CNTL + SHIFT + I shortcut; that last bit is a capital letter I, as in “Ice”. This shortcut opens Developer Tools:

Next is another keyboard shortcut. This time it’s CTRL + SHIFT + P, which quickly gets you to a search box for various developer needs. Once you have that search menu open, start typing “screen” to see the below options.

As shown above, I’ve highlighted the option for a full size screenshot capture. That’s the one you want to click. Once you do, it may take a few seconds, but you’ll be notified that a PNG file has been saved to your Chromebook in the Downloads folder, assuming you’re using the default download settings. That PNG file is a full-length screenshot of the web site or page.

There is one tricky bit though: Viewing that long PNG image in the standard native image viewer of Chrome OS really doesn’t work. It won’t let you zoom in enough to actually read anything. This is the most I can zoom in on with my example.

However, there is a way to view the entire screenshot by scrolling around; it requires Google Drive. I saved the PNG file in my Google Drive using the Files app and then using the browser went to drive.google.com. If you open your image file this way, you can actually zoom and scroll around with all of the text legible.

It’s a bit of a hack, yes, and there are Chrome extensions that do the same thing. I personally prefer to use native tools and features when possible so this is my method.

8 thoughts on “How to screen capture a full webpage on a Chromebook

    • August 26, 2020 at 12:59 am
      Permalink

      You could just say “Hey Google, Take a screen shot. C

      Reply
  • August 26, 2020 at 11:00 am
    Permalink

    The “Save to Google Drive” extension, by Google and in the web store, does this with one click. A site devoted to Chromebooks should know this basic functionality.

    Reply
    • August 27, 2020 at 11:09 am
      Permalink

      Yup, I’m aware of that, and other, extensions that can accomplish the same thing. That’s why this is in the article: “… there are Chrome extensions that do the same thing. I personally prefer to use native tools and features when possible so this is my method.”

      Just providing another option here. Cheers!

      Reply
  • August 27, 2020 at 9:56 am
    Permalink

    Or, click on 3 dot menu upper right, select more tools and “take screenshot”…….does this person even own a chromebook or ever took a screenshot before ???

    Reply
    • August 27, 2020 at 10:59 am
      Permalink

      Yup, I own several Chromebooks and take screenshots daily. That’s how I know the method you described doesn’t capture a complete web page image. It only captures the viewable screen. 😉

      Reply
  • September 2, 2020 at 4:53 pm
    Permalink

    Thanks for the instructions, Kevin. Nice to see that there is a native option; I use SnagIt on Windows and love its scrolling capture option. Just recently started using Nimbus extension. Is there a native screen _recording_ feature? Before Nimbus, there were not many good options there.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

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