X Tutup
The Wayback Machine - https://web.archive.org/web/20200909143813/https://github.com/ChromeDevTools/devtools-frontend/wiki
Skip to content
Ruxin Chen edited this page Jul 10, 2019 · 10 revisions

Welcome to the DevTools wiki!

Overview

Developer Tools consist of 4 main parts:

  • The protocol (usually referred to as Remote Debugging Protocol) defines the debugging (inspection) capabilities. Backend and frontend talk to each other using this protocol. It's divided into domains which represent semantical aspects of the inspected entity. Each domain defines types, commands (messages sent from frontend to backend) and events (messages sent from backend to frontend). The protocol operates over json rpc 2.0.

  • The backend is an inspectable entity implementing the protocol (or parts of it). Chromium Backend supports JS and Browser protocols. There are other backends like standalone V8 or Node.js.

  • The frontend usually connects to a backend and uses protocol to do useful work. It could be showing UI to the user (as Developers Tools do) or perform automation testing or audit the page or do something completely different.

  • The message channel is a way to send protocol messages between backend and frontend.

More topics

You can’t perform that action at this time.
X Tutup