---
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.
image: https://developers.cloudflare.com/changelog-preview.png
---

[Skip to content](#%5Ftop) 

# Changelog

New updates and improvements at Cloudflare.

[ Subscribe to RSS ](https://developers.cloudflare.com/changelog/rss/index.xml) [ View RSS feeds ](https://developers.cloudflare.com/fundamentals/new-features/available-rss-feeds/) 

![hero image](https://developers.cloudflare.com/_astro/hero.CVYJHPAd_26AMqX.svg) 

[ ← Back to all posts ](https://developers.cloudflare.com/changelog/) 

## Browser Rendering adds Chrome DevTools Protocol (CDP) and MCP client support

Apr 10, 2026 

[ Browser Rendering ](https://developers.cloudflare.com/browser-rendering/) 

[Browser Rendering](https://developers.cloudflare.com/browser-rendering/) now exposes the [Chrome DevTools Protocol (CDP)](https://developers.cloudflare.com/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](https://developers.cloudflare.com/browser-rendering/cdp/puppeteer/) and [Playwright](https://developers.cloudflare.com/browser-rendering/cdp/playwright/), can connect from any environment, whether that is [Cloudflare Workers](https://developers.cloudflare.com/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:

JavaScript

```

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();


```

Explain Code

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:

```

{

  "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>\"}"

      ]

    }

  }

}


```

Explain Code

To get started, refer to the [CDP documentation](https://developers.cloudflare.com/browser-rendering/cdp/).