The window
The sidebar lists everything Tapscope can reach, grouped into iOS Devices, Simulators, Android and Network Targets. Under each device you see its apps (Safari, Chrome or your own app) and their pages. A badge shows the type: Page, WebView, Service Worker, Node.js or Other. Select a page to open it on the right.
When something is in the way – a locked iPhone, a missing trust confirmation, an Android device that has not allowed USB debugging – the sidebar shows the state in place of the pages. The tooltip explains it, and How do I fix this? opens the matching section of the platform guide.
At the bottom, the sidebar shows the address of the CDP endpoint (normally 127.0.0.1:9222) and, on the Free plan, the remaining time of the current session or the free sessions left today.
Toolbar
| Control | What it does |
|---|---|
| DevTools / React | Switches between the Chrome DevTools and the React DevTools of the page. Both stay connected. |
| Raw WebKit Console | Opens a window for raw WebKit Inspector messages (iOS pages only). |
| Screencast | Shows a live preview of the page next to the panels, see Screencast. |
| Reload Page | Reloads the inspected page. |
| Reconnect DevTools | Reloads the DevTools and connects to the page again. |
| Open in Chrome | Opens the same DevTools in Google Chrome instead of the built-in view. |
| Copy CDP URL | Copies the page’s WebSocket URL for Puppeteer, VS Code or other CDP clients. |
Context menu
Right-click a page in the sidebar. Depending on the platform you get:
- Reload, Bring to Front and Close Tab.
- Open New Tab… in the same browser (simulator, Android, network targets).
- Copy URL and Copy CDP URL.
- Open Raw WebKit Console for iOS pages.
For network targets the sidebar also offers Add Network Target (the + button) and Remove Network Target.
Menus and shortcuts
| Shortcut | Command |
|---|---|
| ⌘R | Debug › Reload Page |
| ⌥⌘R | Debug › Reconnect DevTools |
| ⇧⌘P | Debug › Toggle Screencast |
| ⇧⌘R | Debug › Show React DevTools |
| ⌥⌘K | Debug › Raw WebKit Console |
| ⌘, | Settings |
The View menu switches the sidebar sections on and off: iOS Devices, Simulators, Android Devices and Enable Network Targets. Inside the DevTools, the usual Chrome shortcuts apply, for example ⌘F to search in Elements or ⌘P to open a file in Sources.
Settings
- Agents: the CDP endpoint and the Chrome DevTools MCP setup for Claude Code, Cursor, Claude Desktop and other MCP clients, ready to copy. See Coding agents.
- License: your plan, the free time left today and the license key. See Plans and billing.
- General: install the
tapscopecommand line tool.
When a page does not answer
Pages on a locked device or in a background tab do not answer the debugger. If a page stays silent for five seconds, Tapscope shows a notice above the DevTools and the preview with the steps that usually help and a Reconnect button. The details are in the iPhone & iPad guide.
Raw WebKit console
For protocol work on iOS, the raw console sends JSON messages of the WebKit Inspector Protocol to the selected page and shows every reply and event. It shares the connection with the DevTools, so you can use both at the same time. Open it from the toolbar, the context menu or with ⌥⌘K.