Suppose you want to take a screenshot from a web page, maybe to add to a pull request of a project you’re working on.
(i) The straightforward way to do so is to use your OS tool:
- Windows: Snipping tool or hit the PrintScreen key
- Linux:
scrot
or something from your Desktop Environment (DE) such asxfce4-screenshooter
. For a full-featured one, I’d recommendflameshot
(first) orshutter
(second). For Wayland people seem to likegrim
. - macOS: Hit
Cmd + Shift + 4
or one of its variations.
Even Chromebooks have a way to do so these days.
However, maybe you didn’t know you can also use Google Chrome to take screenshots! Here’s how:
- Go to the page you want to screenshot.
- Open DevTools (
Ctrl + Shift + J
on Linux). - Hit
Ctrl + Shift + P
à la VSCode to pop up a command bar, type ‘screenshot’. - Choose one option. I like the ‘Capture area screenshot’ one which allows me to drag a square for the area I want to capture.
- Hit
Enter
.
You will then be prompted where you want to save your screenshot. Profit!