Docs
HomeSupportDashboard
DocsMobile apps

Visual Inspector

Capture element and screen identifiers by scanning a QR code and tapping in your running app.

The Visual Inspector lets you pick step targets and screen identifiers by tapping in your running app, instead of typing identifier strings. It’s the app equivalent of the web Visual Editor.

Note
Set up deep links first — it’s part of each SDK guide: iOS, Android, React Native.

Capture an element for a step

  1. Click 📱 Capture from device on a step
    A QR code appears in the dashboard.
  2. Scan it with your phone’s camera
    Your app opens with the Inspector banner across the top.
  3. Find the element
    You start in Navigate mode — scroll and tap through your app as normal.
  4. Switch to Highlight and tap the element
    Every registered target gets a blue chip. Tap one, check the identifier, and confirm.
  5. Done
    The dashboard shows ✓ Element captured! and fills in the step’s target.

Capture a screen for a walkthrough

  1. Click Capture from device next to the Screen field
  2. Scan the QR code
    The app opens in page-capture mode.
  3. Navigate to the screen and tap Set Page
    The screen identifier fills in on the dashboard automatically.

Inspector modes

ModeWhat it does
NavigateTouches pass through to your app — scroll, tap and switch screens freely.
HighlightShows a chip on every registered target on the current screen. Tap one to capture it.
Set PageSends the current screen’s identifier to the dashboard.

Simulators and emulators

Can’t scan a QR code? Use Copy deep link under the QR code, then open it on the simulator:

iOS Simulator
xcrun simctl openurl booted "<deep link>"
Android emulator
adb shell am start -a android.intent.action.VIEW -d "<deep link>"

Only registered views can be captured

The Inspector shows chips for views you’ve tagged with .ttTarget(), accessibilityIdentifier (UIKit) or useTTTarget(). If an element has no chip, tag it in code first.

Something missing or unclear? Tell us and we’ll fix the page.