Showcase Chrome Debugging Protocol Clients

There are a number third-party clients for the Chrome debugging protocol. This section presents a sample.

NodeJS

A number of modules have been developed to make use of the Chrome debugger from Node scripts.

chrome-remote-interface

The chrome-remote-interface module wraps the debugger protocol with a Node-style JavaScript API.

    npm install -g chrome-remote-interface

Take a look at which NPM projects use chrome-remote-interface.

crconsole

The crconsole module provides a command-line interface to the Chrome console. It uses the chrome-remote-interface module to communicate with the Chrome debugger protocol.

automated-chrome-profiling

A basic recipe for automating JS profiling through Node.js. See the other apps mentioned that live in the protocol ecosystem.

chrome-debug-protocol

The chrome-debug-protocol module is consumable with JavaScript and TypeScript making automated tests and profiling on Chrome easy to implement.

npm install -g chrome-debug-protocol

Go

godet

The godet project is a golang library for the debugging protocol.

VSCode

Visual Studio Code debugs chrome via the vscode-chrome-debug extension.

Sublime Text

The Sublime Web Inspector project adds Chrome debugger integration to the popular Sublime Text editor. You can install it from the Sublime Text package manager.

  • See the official page for an overview and installation instructions.
  • Source code available on GitHub.

Telemetry

Telemetry is a performance testing framework used by the Chromium project to test multiple versions of the Chrome browser. It uses the debugging protocol to remotely control instances of Chrome.

Vim

Chrome.vim is an experimental plugin for the Vim editor that provides some basic Chrome operations as Vim commands.

WebDriver

The Selenium browser automation tools use WebDriver API to abstract interactions with different browsers. The WebDriver implementation for Chrome uses the Chrome debugging protocol.

WebStorm

WebStorm is a commercial IDE that supports debugging and live-editing in Chrome. WebStorm uses a Chrome extension to integrate with the Chrome debugger.

Python

chrome_remote_shell provides a nice API layer for python apps.