> For the complete documentation index, see [llms.txt](https://docs.betterbugs.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.betterbugs.io/product-features/mobile-inspector.md).

# Mobile inspector

You can use the capture issues with the responsive layout/mobile inspector turned on from the Chrome dev tools. This enables you to capture issues, especially UI issues, for your application's mobile device layout. 

### How to Capture Issues using BetterBugs.io in a Responsive Layout/Mobile Inspector?

Here's how to capture issues with BetterBugs.io for responsive layouts:

{% stepper %}
{% step %}

#### Open "inspect" for the Web Page

Right-click on your web page and select the "**Inspect**" option from the menu.
{% endstep %}

{% step %}

#### Toggle Device Mode

Click the **toggle device toolbar** (mobile inspector icon) from the top left corner of your Chrome Dev Tools. 

Alternatively, you can use the following shortcuts to toggle device mode:

* For Windows: <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>M</kbd>
* For Mac: <kbd>Command</kbd> + <kbd>Shift</kbd> + <kbd>M</kbd>
  {% endstep %}

{% step %}

#### Select Device

Select your desired mobile device/resolution to get the responsive layout.
{% endstep %}

{% step %}

#### Capture Issue using Visible Screenshot&#x20;

Open the BetterBugs.io extension and capture the issue using [Capture Screenshot (visible screen)](/product-features/screen-capturing/visible-screen-capture.md), [Record Screen](/product-features/screen-recording.md), or [Rewind](/product-features/rewind.md).&#x20;

For instance, click the **visible screenshot** option to take a screenshot of the entire mobile layout.
{% endstep %}

{% step %}

#### Annotate Screenshot (Optional)

Use the markup toolbar at the left to highlight the issue.
{% endstep %}

{% step %}

#### Enter Issue Details

You can add the details (**Title + Quick Summary + Steps to Reproduce**) manually in the description area manually or automatically with the "**AI**" toggle.
{% endstep %}

{% step %}

#### Select BetterBugs Workspace and Project

From the two dropdowns above the description area, select:

* **Workspace** (Default: My Workspace)
* **Project** (Default: My Project)

This is where your report saves once you create a session.
{% endstep %}

{% step %}

#### Create Session

Finally, hit "**Create Session**" button on the top right.
{% endstep %}
{% endstepper %}

Your visual bug report is good to go with the added information and auto-attached [technical details](/product-features/developer-tools.md) for developers.&#x20;