AppBridge Pro

About AppBridge Pro

AppBridge Pro connects your running localhost browser app to VS Code so you can inspect console output, network calls, and crash events without leaving the editor.

License Required

AppBridge Pro is a premium extension and requires a paid license key after installation.

Buy your license here: https://app-bridge.vercel.app

After payment, your license key is shown on screen and sent to your email.

Quick Activation

1. Install AppBridge Pro from the VS Code Marketplace.
2. Buy a license at https://app-bridge.vercel.app.
3. Copy the license key shown after payment.
4. In VS Code, run AppBridge: Activate License.
5. Paste your license key to unlock the extension.

What It Does

AppBridge Pro creates a local bridge between a browser page you control and VS Code. It captures console logs, fetch() calls, XMLHttpRequest traffic, unhandled errors, and promise rejections, then streams them into the editor for faster debugging.

Key Features

• Local browser-to-VS Code bridge for localhost apps.
• Console capture for log, warn, error, and info.
• HTTP capture for fetch() and XMLHttpRequest.
• Crash capture for unhandled errors and promise rejections.
• Diagnostics command with bridge state, port, connection count, uptime, and event totals.
• Status bar indicator for quick bridge visibility.
• Activity bar Dev Panel for common project commands.
• One-click localhost sharing for clients or teammates.

Getting Started

1. Open a workspace that contains your local app.
2. Run AppBridge: Start Bridge, or let AppBridge Pro auto-start after activation.
3. Open your app in Chrome or Edge on localhost.
4. Inject the AppBridge companion script into the browser page.
5. Trigger a console log, HTTP request, or runtime error.
6. Run AppBridge: Diagnostics to confirm the browser is connected.

Commands

• AppBridge: Buy License
• AppBridge: Activate License
• AppBridge: License Info
• AppBridge: Start Bridge
• AppBridge: Stop Bridge
• AppBridge: Show Console
• AppBridge: Share With Client
• AppBridge: Stop Sharing
• AppBridge: Run Dev Command
• AppBridge: Restart Last Process
• AppBridge: Clear Console
• AppBridge: Diagnostics

Configuration

appbridge.bridgePort

• Default: 7700
• Type: number
• Range: 1 to 65535
• Purpose: preferred WebSocket port for the local bridge.

If the preferred port is already in use, AppBridge Pro tries nearby ports automatically.

Privacy

• AppBridge Pro is designed for local development on localhost.
• It only forwards browser events when the companion script is injected into a page.
• The bridge listens on a local WebSocket port.
• Use it only on trusted development machines and with pages you control.

License

AppBridge Pro requires a paid license key. You can manage your license from the built-in commands:

• AppBridge: Buy License
• AppBridge: Activate License
• AppBridge: License Info