Docs
Install the bug report widget.
ContextCapture installs with a script tag and captures screenshots, console logs, browser context, selected element data, and reporter notes for GitHub-ready bug reports.
Quick install
- 1
Add the script tag
Paste the hosted widget script before the closing body tag or load it through your framework's script helper.
- 2
Connect GitHub
Use the ContextCapture dashboard to connect the repository where incoming bug reports should become issues.
- 3
Capture a test report
Open the widget, select the broken element, add a short note, and confirm the GitHub-ready report includes evidence.
Script tag
<script>
window.ContextCaptureSettings = {
projectKey: "PROJECT_KEY",
position: "bottom-right"
};
</script>
<script
src="https://widget.contextcapture.ai/widget/PROJECT_KEY"
async
></script>Replace PROJECT_KEY with the project key from the dashboard. The widget renders in Shadow DOM so customer site CSS does not leak into the capture UI.
Screenshots of the current page state
Included in the report artifact so developers and AI coding agents can inspect the issue without asking the reporter for DevTools output.
Last 50 console entries and uncaught errors
Included in the report artifact so developers and AI coding agents can inspect the issue without asking the reporter for DevTools output.
Browser, OS, viewport, URL, and selected element context
Included in the report artifact so developers and AI coding agents can inspect the issue without asking the reporter for DevTools output.