# 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)](https://docs.betterbugs.io/product-features/screen-capturing/visible-screen-capture), [Record Screen](https://docs.betterbugs.io/product-features/screen-recording), or [Rewind](https://docs.betterbugs.io/product-features/rewind).&#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](https://docs.betterbugs.io/product-features/developer-tools) for developers.&#x20;