Interactive Walkthrough

Connect Remote DevTools in Under 2 Minutes

Follow this step-by-step guide to integrate ReMOAT and experience live remote browser debugging.

Step 1: Install the Client SDK

Install the ultra-lightweight client package (under 5 KB gzipped) from npm:

BASH

npm install @remoat.dev/sdk

Or embed directly via CDN in your HTML head:

HTML

<script src="https://unpkg.com/@remoat.dev/sdk@latest/dist/remoat.min.js"></script>

Step 2: Initialize in Your Application

Configure the SDK in your root client entrypoint with PII masking rules:

JAVASCRIPT

import ReMOAT from '@remoat.dev/sdk';

ReMOAT.init({
  apiKey: 'tpk_your_workspace_api_key',
  mode: 'floating',
  redactSelectors: ['.credit-card-input', '[data-sensitive="true"]'],
  redactHeaders: true,
});

Step 3: Pair and Debug Live

1. Open your web application in any browser (Chrome, Safari iOS, Firefox, Android).

2. Tap the floating ReMOAT pill widget to reveal your 6-digit one-time PIN.

3. Open app.remoat.dev on your developer workstation, enter the PIN, and inspect the remote page live with full Chrome DevTools fidelity!