Skip to main content
Browser DevTools

Debug the remote browser as if it were on your desk

Open the console, network and elements on a Chrome or Edge browser running on our machine — right next to it, in the same tab. See why a page breaks, not just that it broke.

Chrome and Edge embedded · Firefox in-session

shop.example.com/checkout
Payment could not be processed
ElementsConsoleNetworkSources2

> checkout.js:212 submitPayment()

Refused to load pay.js — blocked by tracking prevention

403 POST /api/pay · declined

>

“Checkout fails on Edge” is not a bug report

On a browser you don't own, the error is gone the moment the session closes. Open real DevTools on that browser and the report changes from “it broke” to why it broke: “the payment script was blocked — here is the error.”

ElementsConsoleNetworkPerformance42 requests
  • NameStatus
  • GET/billing/plans200
  • GET/user/preferences200
  • POST/billing/subscribe403
  • POST/analytics/pageview204
HeadersResponsePreview
403 ForbiddenHTTPS
{
  "error": "insufficient_scope",
  "need": ["billing:write"],
  "have": ["billing:read"],
  "doc": "/err/scope-403"
}

The real browser tools, not a cut-down version

Console

See errors, warnings and logs as they happen, and run commands against the page.

Network

Every request with its status, timing and headers. Sort by failures to find the one that returned 403.

Elements

The live page and its styles. Change a style and the remote page updates on screen.

Sources

The scripts the page loaded, with breakpoints — for bugs that only show up on a build you can't run locally.

The real browser, not a copy

The tools connect to the live browser, so you see what's happening now — not a snapshot from when the session started.

Right beside the session

The browser stays on screen while you debug, so you don't switch windows.

Live, not a picture of a panel

Change a style and the remote page updates. Open a request and it is the real one that was sent. The console is the page's own — because the tools connect straight to the browser, on the machine where the bug happens.

ElementsConsoleNetworkPerformance
HTML
  • <main>
  • <ul.cart>
  • <li.cart-item>
  • <li.cart-item>
  • </ul>
  • </main>
Styles

.cart-item {

display: flex;

padding: 24px;was 12px

border-radius: 8px;

}

Preview · shop.app
$24
$24

Reflowed live

Where you get it

ChromeEdge

Chrome and Edge — in your tab

The full tools open right in your tab, next to the browser — on both macOS and Windows.

Firefox

Firefox — its own tools, in the session

You get Firefox's full developer tools, opened inside the session on the remote machine instead of in your tab.

FAQ

Frequently asked questions

Yes. Chrome and Edge sessions carry an embedded DevTools panel attached to the remote browser over its own debugging protocol, with elements, console, network and sources. It renders beside the session in the same tab, so you can reproduce and inspect without switching windows.

Open a session and inspect something

Pick Chrome or Edge, load the page that misbehaves, and read the console on the machine where it breaks.