What-to-click browser extension

Note

This is a fork of https://github.com/what-to-click/browser-extension.

Tired of showing your teammates what to click in yet another web-based service added to your project? Worry not, you can now generate a step-by-step documentation of the workflow as you go! Start recording, go through the workflow, and adjust descriptions if necessary.

Development Setup

Run these commands, starting from a git clone of https://github.com/aboutcode-org/what-to-click-browser-extension.git.

• Create a development environment and install dependencies

  make dev

• Activate the Node virtual environment

  source nenv/bin/activate

• Run the extension in Firefox

  web-ext run -s src/

Important

This will not work with Firefox installed through Snap. Make sure you have a standard Firefox installation.

How to use

1. Visit the page you want to document.
2. Click the "red circle" browser action to start recording.
3. Perform necessary actions on the page. Each click will be recorded.
4. Click the "red square" browser action to stop recording.
5. A page with editable text will be opened, containing all of the steps you have performed with screenshots attached. Edit step descriptions to your liking and export or save the file.

Get the addon

Get Firefox Addon