# Screen capturing

### Quick overview

**BetterBugs.io** enables you to take instant or [delayed screenshots](https://docs.betterbugs.io/product-features/screen-capturing/delayed-screenshot) of any bug or issue. Along with the screenshot, it captures and auto-attaches technical details of the issue, such as:

* System info
* Console logs
* Network requests
* Backend (event logs from Sentry)
* Steps (Page navigation steps)
* Metadata (Custom)
* Application State

You can also use the "**AI**" toggle to get add quick summary and steps to reproduce the issue while creating the report session. 

The [auto-attached technical information](https://docs.betterbugs.io/product-features/developer-tools) (along with the visual proof of the issue) helps you run the **manual RCA** with all the info and context you need and debug significantly faster. 

For debugging purposes with BetterBugs.io bug reports, you can do it using:

* Manual methods (using the [auto-attached developer tools info](https://docs.betterbugs.io/product-features/developer-tools) paired with the visual proof)
* [AI Debugger](https://docs.betterbugs.io/debug-a-report/ai-debugger)
* [MCP (Model Context Protocol) Server](https://docs.betterbugs.io/debug-a-report/mcp)

### **How it Works**

1. Capture the screen.
2. BetterBugs.io automatically adds all relevant details and information.
3. Upload the screenshot to create report session with all the details.
4. Share the report link with others for debugging.

### Available Modes for Screenshot Capturing in BetterBugs.io

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Cropped screenshot</strong></td><td>Take a screenshot by dragging and selecting screen area.</td><td><a href="https://3235868439-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2F3qGTj4qyXphtoVVGt3iN%2FCropped-Screenshot.png?alt=media&#x26;token=6381cb4b-783c-45a9-836e-32167da66aa6">Cropped-Screenshot.png</a></td><td><a href="screen-capturing/cropped-screenshot">cropped-screenshot</a></td></tr><tr><td><strong>Visible screen capture</strong></td><td>Capture the complete screen as a screenshot with one click.</td><td><a href="https://3235868439-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2F282Jvmd0fgYOqRTYSa72%2FFull-Screenshot.png?alt=media&#x26;token=c97a25ea-d86f-464f-a25c-d7c205262f17">Full-Screenshot.png</a></td><td><a href="screen-capturing/visible-screen-capture">visible-screen-capture</a></td></tr><tr><td><strong>Full web page screenshot</strong></td><td>Capture the entire web page to get a scrollable screenshot</td><td><a href="https://3235868439-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2FuZBWBTqEZvbyabmA2oAX%2FFull-Web-Page-Scrollable-Screenshot.png?alt=media&#x26;token=efaff90b-691a-4757-ab50-39e2523cd2a1">Full-Web-Page-Scrollable-Screenshot.png</a></td><td><a href="screen-capturing/full-web-page-screenshot">full-web-page-screenshot</a></td></tr></tbody></table>

### **BetterBugs.io Bug Report: Key Features for Screen Capturing**

* Visual proof
* Auto-attached technical details
* Context-specific
* User-friendly
* Shareable as links

Not only QA engineers and developers but also project managers and support teams can easily generate, share, and understand these reports.

When you capture a screenshot with BetterBugs.io, developer-friendly details are auto-captured and tagged with it. You don't have to worry about adding anything manually. QA can send these comprehensive reports to the development team within minutes, making the bug-reporting workflow frictionless.