Skip to main content
Version: v0.3.x

Record tool

Capture interactions with the DOM for conversion into code, for easy creation of userscripts.

Recording workflow

  1. Start recording in the Record tool. Recording is on by default for the active tab.
  2. Interact with the page using the Select tool.
  3. Review the captured timeline and select one or more events.
  4. Use Convert to code to open the converter popup for the selected chain.
Page Proxy Record tool timelinePage Proxy Record tool timeline with selected events

Event selection and step conversion

Selecting timeline events exposes the action menu for the current recording chain.

  • Use the menu to open the converter for the selected steps.
  • Inspect each generated step before moving on to the review stage.
  • Keep the selected chain focused so the generated code stays minimal.
Page Proxy Record tool actions menu for selected eventsPage Proxy Record converter action step view

Review generated code

The review step combines the supported recorded actions into editable code.

  • Step through the generated sequence in the sidebar.
  • Edit the final code before saving.
  • Save the reviewed result back into the sidepanel code editor.
Page Proxy Record converter review generated code step