Chrome Extension

The Snapbug Chrome Extension lets you capture screenshots and recordings of web pages and send them to Snapbug Desktop. Annotate directly in the browser and share with your team.

Installation

Install the extension from the Chrome Web Store.

For development, you can load the unpacked extension:

1. Open chrome://extensions in Chrome.
2. Enable Developer mode.
3. Click Load unpacked and select the extension directory.

Features

• Tab screenshot -- capture the current tab as an image
• Tab recording -- record the current tab as a video
• Annotation editor -- draw, highlight, and add text labels directly on captures
• Video trimming -- preview and trim recordings before sharing
• Direct upload -- send captures to Snapbug Desktop instantly

Keyboard Shortcuts

Usage

1. Click the extension icon in the toolbar, or use the keyboard shortcuts above.
2. Capture a screenshot or start a recording of the current tab.
3. Annotate your capture using the built-in drawing tools -- add highlights, arrows, boxes, and text labels.
4. Send to Snapbug Desktop for team sharing, AI analysis, or export to your issue tracker.

Screenshot Flow

1. Press Cmd+Shift+S (or Ctrl+Shift+S).
2. The current tab is captured.
3. The annotation overlay opens -- mark up the screenshot.
4. Click Send to upload to Snapbug Desktop.

Recording Flow

1. Press Cmd+Shift+R (or Ctrl+Shift+R) to start recording.
2. Interact with the page to reproduce the bug.
3. Press Cmd+Shift+R (or Ctrl+Shift+R) again to stop.
4. Preview the recording and trim if needed.
5. Click Send to upload to Snapbug Desktop.

Desktop Connection

The Chrome Extension connects to Snapbug Desktop via WebSocket. For this to work:

• Snapbug Desktop must be running on the same machine as Chrome.
• The extension automatically discovers the Desktop app on the default port.

Themes

The extension supports both light and dark mode, following your system preferences automatically. No manual configuration is needed.