Skip to content

docs: update readme #245

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Aug 11, 2025
+10 −6
Merged

docs: update readme #245

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 4 additions & 3 deletions pages/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,9 +34,10 @@ The stable release of the protocol, tagged at Chrome 64. It includes a smaller s

<p>Consider subscribing to the <a href="https://groups.google.com/d/forum/chrome-debugging-protocol">chrome-debugging-protocol</a> mailing list.

<h3 id="monitor">Monitoring the protocol</h3>
<h3 id="monitor">Inspect CDP traffic using Protocol Monitor in DevTools</h3>
<p>This is especially handy to understand how the DevTools frontend makes use of the protocol.
You can view all requests/responses and methods as they happen.
You can view all requests/responses and methods as they happen in the Protocol Monitor
panel in DevTools.

<figure class="screenshot">
<a href="images/protocol-monitor.png" target="_blank" style="text-align: center; display:block;">
Expand All @@ -48,7 +49,7 @@ Click the gear icon in the top-right of the DevTools to open the <i>Settings</i>
Select <i>Experiments</i> on the left of settings. Turn on "Protocol Monitor", then close and reopen DevTools.
Now click the ⋮ menu icon, choose <i>More Tools</i> and then select <i>Protocol monitor</i>.

<p>You can also issue your own commands using Protocol Monitor. If the command does not require any parameters,
<p>You can also send commands using Protocol Monitor. If the command does not require any parameters,
type the command into the prompt at the bottom of the Protocol Monitor panel and press Enter, for example,
<code>Page.captureScreenshot</code>. If the command requires parameters, provide them as JSON, for example,
<code>{"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}}</code>.
Expand Down
9 changes: 6 additions & 3 deletions readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
# devtools-protocol
Explore the Chrome DevTools Protocol, its methods, events and basic documentation.
# debugger-protocol-viewer

Website for viewing Chrome DevTools Protocol defined at
https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/public/devtools_protocol/.

More: [DevTools Protocol repo](https://github.com/ChromeDevTools/devtools-protocol) and [published devtools protocol viewer](https://chromedevtools.github.io/devtools-protocol/)

Expand Down Expand Up @@ -61,4 +63,5 @@ Apache

## Contributing

Pull requests very welcome!
Report issues about the website via GitHub issues in this repo. Please report
issues with CDP itself via https://crbug.com/new. Pull requests very welcome!