Skip to content

Instantly share code, notes, and snippets.

@dai
Created May 8, 2025 02:45
Show Gist options
  • Save dai/29341f4fe336484930fe9d110a6f3f92 to your computer and use it in GitHub Desktop.
Save dai/29341f4fe336484930fe9d110a6f3f92 to your computer and use it in GitHub Desktop.
full-screen-shot-bookmarklet
const capture = async () => {
const canvas = document.createElement("canvas");
const context = canvas.getContext("2d");
const video = document.createElement("video");
try {
const captureStream = await navigator.mediaDevices.getDisplayMedia();
video.srcObject = captureStream;
context.drawImage(video, 0, 0, window.width, window.height);
const frame = canvas.toDataURL("image/png");
captureStream.getTracks().forEach(track => track.stop());
window.location.href = frame;
} catch (err) {
console.error('Full page screenshot bookmarklet did not work: ' + err);
}
};
capture();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment