My favorite screenshot extension vanished, so I built my own
Start dragging, push past the bottom of the window, and the page scrolls along with you. Let go, and you get a single PNG of a region that was never on screen all at once. The extension I relied on went away For a long time, GoFullPage was just part of the furniture. Two jobs, mostly: Screenshotting server maintenance logs for my records (logs are tall ) Capturing a whole page to send to a client…
GoFullPage, an extension that allowed users to capture any region on a webpage, stopped working for the author. This left them with two tasks: taking server maintenance logs and capturing entire pages to send to clients. Frustrated by the lack of a solution, the author decided to build their own screenshot tool. They named it Koko Soko, combining the Japanese words for "here" and "there," indicating the selection range.
The tool allows users to select a region by dragging the cursor, with the page scrolling to follow the selection. The captured image is then stitched together and saved as a single PNG, all within the browser without sending any data outside. There is also a full-page mode for capturing the entire webpage. The extension is built using TypeScript, with separate folders for background processes, content overlay, and shared utilities.
It only requires permissions to access the active tab and script. One significant issue the author encountered was the selection box moving away when scrolling. To resolve this, they stored the mouse event coordinates in content coordinates and converted them to client coordinates only when painting the selection, ensuring the selection remained anchored to the top of the page.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
