Skip to content

Canvas-Lint v1.0.0

Choose a tag to compare

@AlfredBateman AlfredBateman released this 27 Sep 19:12
· 61 commits to main since this release

CanvasLint is a Manifest V3 Chrome extension that lets you scrub through HTML5 Canvas 2D draw calls the way the Network panel lets you scrub through requests. It records every CanvasRenderingContext2D call a page makes, replays them into a DevTools panel, and lets you drag a slider through the command history to see exactly what the canvas looked like at any point.

Install

  1. Download canvas-lint-v1.0.0.zip below.
  2. Unzip it.
  3. Open chrome://extensions in Chrome.
  4. Enable Developer mode (top right toggle).
  5. Click Load unpacked and select the unzipped folder.

Before you rely on this

This is mid-build software, not a finished tool. The capture pipeline, ring buffer, and basic replay work, but several things don't yet — no render-block parser, no live panel updates, one capture buffer shared across all open tabs, and the pause/resume/reset controls don't currently reach the page. Full details are in the README's Known Limitations section — read it before you depend on this for anything beyond casual debugging.