# 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;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.betterbugs.io/product-features/mobile-inspector.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.