Kliao/browser rendering changelog cdp (#29671)

* Add CDP changelog entry (2026-04-08)

* Add CDP endpoint changelog and release note

- Add MDX changelog for Browser Rendering CDP access and MCP client support
- Add YAML release note entry for CDP endpoint (2026-04-09)
- Include Puppeteer code example and Claude Desktop MCP config
- Update headful mode entry and link corrections in release notes

* Address review comments on CDP changelog entry

* Update YAML release note to match changelog edits

* Update CDP changelog and release note dates to April 10

- Rename changelog file from 2026-04-09 to 2026-04-10
- Update date frontmatter in changelog MDX
- Update publish_date in browser-rendering.yaml release notes

Author: kathayl

src/content/changelog/browser-rendering/2026-04-10-browser-rendering-cdp-endpoint.mdx

@@ -0,0 +1,50 @@
+---
+title: Browser Rendering adds Chrome DevTools Protocol (CDP) and MCP client support
+description: Connect to Browser Rendering from any environment using the Chrome DevTools Protocol, or use MCP clients for AI-powered browser automation.
+products:
+  - browser-rendering
+date: 2026-04-10
+---
+
+[Browser Rendering](/browser-rendering/) now exposes the [Chrome DevTools Protocol (CDP)](/browser-rendering/cdp/), the low-level protocol that powers browser automation. The growing ecosystem of CDP-based agent tools, along with existing CDP automation scripts, can now use Browser Rendering directly.
+
+Any CDP-compatible client, including [Puppeteer](/browser-rendering/cdp/puppeteer/) and [Playwright](/browser-rendering/cdp/playwright/), can connect from any environment, whether that is [Cloudflare Workers](/workers/), your local machine, or a cloud environment. All you need is your Cloudflare API key.
+
+For any existing CDP script, switching to Browser Rendering is a one-line change:
+
+```js
+const puppeteer = require("puppeteer-core");
+
+const browser = await puppeteer.connect({
+  browserWSEndpoint:
+    `wss://api.cloudflare.com/client/v4/accounts/${ACCOUNT_ID}/browser-rendering/devtools/browser?keep_alive=600000`,
+  headers: { Authorization: `Bearer ${API_TOKEN}` },
+});
+
+const page = await browser.newPage();
+await page.goto("https://example.com");
+console.log(await page.title());
+await browser.close();
+```
+
+Additionally, MCP clients like Claude Desktop, Claude Code, Cursor, and OpenCode can now use Browser Rendering as their remote browser via the [chrome-devtools-mcp](https://github.com/ChromeDevTools/chrome-devtools-mcp) package.
+
+Here is an example of how to configure Browser Rendering for Claude Desktop:
+
+```json
+{
+  "mcpServers": {
+    "browser-rendering": {
+      "command": "npx",
+      "args": [
+        "-y",
+        "chrome-devtools-mcp@latest",
+        "--wsEndpoint=wss://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/browser-rendering/devtools/browser?keep_alive=600000",
+        "--wsHeaders={\"Authorization\":\"Bearer <API_TOKEN>\"}"
+      ]
+    }
+  }
+}
+```
+
+To get started, refer to the [CDP documentation](/browser-rendering/cdp/).

src/content/release-notes/browser-rendering.yaml

@@ -3,6 +3,10 @@ link: "/browser-rendering/changelog/"
 productName: Browser Rendering
 productLink: "/browser-rendering/"
 entries:
+  - publish_date: "2026-04-10"
+    title: "Chrome DevTools Protocol (CDP) and MCP client support"
+    description: |-
+      * Browser Rendering now exposes the [Chrome DevTools Protocol (CDP)](/browser-rendering/cdp/) as an endpoint. Any CDP-compatible client, including [Puppeteer](/browser-rendering/cdp/puppeteer/) and [Playwright](/browser-rendering/cdp/playwright/), can connect from any environment, whether that is [Cloudflare Workers](/workers/), your local machine, or a cloud environment. [MCP clients](/browser-rendering/cdp/mcp-clients/) like Claude Desktop, Claude Code, Cursor, and OpenCode can also use Browser Rendering as their remote browser.
   - publish_date: "2026-04-06"
     title: "Local development: headful mode (experimental)"
     description: |-