Skip to content

Instantly share code, notes, and snippets.

@RobertAKARobin

RobertAKARobin/screenshots.md

Last active February 27, 2024 20:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save RobertAKARobin/ec8d4f09cde585dba2ccef408aa23d8d to your computer and use it in GitHub Desktop.
Save RobertAKARobin/ec8d4f09cde585dba2ccef408aa23d8d to your computer and use it in GitHub Desktop.
Download ZIP
Chrome screenshots
Raw
screenshots.md

Take screenshots in Chrome without an extension

These instructions also work on Microsoft Edge (which is based on Chrome).

  1. On any page, press Ctrl + Shift + J (On Mac, Cmd + Shift + J)

    This opens a new window containing Chrome’s "developer tools":

    Screenshot 2024-02-27 at 2 09 12 PM

  2. Press Ctrl + Shift + P (On Mac, Cmd + Shift + P)

    This should open a dropdown menu in the developer tools:

    Screenshot 2024-02-27 at 2 08 53 PM

  3. Start typing 'screenshot'. Observe that a few menu options show up:

    • "Capture screenshot" is the portion of the page that’s currently visible
    • "Capture full size screenshot" is the whole page
    • "Capture area screenshot" lets you drag to select a part of the page

    Screenshot 2024-02-27 at 2 09 45 PM

  4. Chrome will download a screenshot

  5. If the screenshot is the wrong width, just change the width of the window. If the developer tools is taking up space, you can move it to a separate window by clicking the "kebab" button and then the "pop-out" button, as circled here:

    Screenshot 2024-02-27 at 2 12 09 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment