# Mobile inspector

Use your browser’s device toolbar to reproduce responsive issues.

Then capture the bug with Screendesk. The emulated viewport and device details are included.

<figure><img src="https://2926674537-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbd2SnMxoNdTMcJ57yryh%2Fuploads%2FYNyJp6yx0pR89Vfp6XnQ%2Fmobile-inspector.gif?alt=media&#x26;token=a7361df0-55e3-4603-88a3-f5bdfe4cc4d2" alt=""><figcaption></figcaption></figure>

### Emulate a mobile device

{% stepper %}
{% step %}

### Open DevTools

Right-click the page and select **Inspect**.
{% endstep %}

{% step %}

### Turn on the device toolbar

In DevTools, click the **device toolbar** icon.

<figure><img src="https://2926674537-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fbd2SnMxoNdTMcJ57yryh%2Fuploads%2FHSOPTxSDRDwqo9wBtJmd%2Fmobile-inspector-2.png?alt=media&#x26;token=697ea8c4-26c7-4a05-9337-48adeabd7ceb" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Reproduce the issue

Pick a device preset (or set a custom width).

Trigger the responsive bug you want to report.
{% endstep %}

{% step %}

### Capture with Screendesk

Use Screendesk as usual (screenshot, recording, or Instant Replay).

Screendesk includes the updated viewport and device context in the share link.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
If your page behaves differently on real devices, capture both: emulator + a real mobile repro.
{% endhint %}
