{"id":370,"date":"2026-04-10T00:00:00","date_gmt":"2026-04-10T00:00:00","guid":{"rendered":"https:\/\/wordpress.securinsight.ca\/index.php\/2026\/04\/10\/browser-rendering-browser-rendering-adds-chrome-devtools-protocol-cdp-and-mcp-client-support-3\/"},"modified":"2026-04-10T00:00:00","modified_gmt":"2026-04-10T00:00:00","slug":"browser-rendering-browser-rendering-adds-chrome-devtools-protocol-cdp-and-mcp-client-support-3","status":"publish","type":"post","link":"https:\/\/wordpress.securinsight.ca\/index.php\/2026\/04\/10\/browser-rendering-browser-rendering-adds-chrome-devtools-protocol-cdp-and-mcp-client-support-3\/","title":{"rendered":"Browser Rendering – Browser Rendering adds Chrome DevTools Protocol (CDP) and MCP client support"},"content":{"rendered":"

Browser Rendering<\/a> now exposes the Chrome DevTools Protocol (CDP)<\/a>, 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.<\/p>\n

Any CDP-compatible client, including Puppeteer<\/a> and Playwright<\/a>, can connect from any environment, whether that is Cloudflare Workers<\/a>, your local machine, or a cloud environment. All you need is your Cloudflare API key.<\/p>\n

For any existing CDP script, switching to Browser Rendering is a one-line change:<\/p>\n

\n
\n
const<\/span> <\/span>puppeteer<\/span> <\/span>=<\/span> <\/span>require<\/span>(<\/span>\"puppeteer-core\"<\/span>)<\/span>;<\/span><\/div><\/div>
\n<\/div><\/div>
const<\/span> <\/span>browser<\/span> <\/span>=<\/span> <\/span>await<\/span> <\/span>puppeteer<\/span>.<\/span>connect<\/span>(<\/span>{<\/span><\/div><\/div>
  <\/span><\/span>browserWSEndpoint<\/span>:<\/span><\/div><\/div>
    <\/span>`wss:\/\/api.cloudflare.com\/client\/v4\/accounts\/<\/span>${<\/span>ACCOUNT_ID<\/span>}<\/span>\/browser-rendering\/devtools\/browser?keep_alive=600000`<\/span>,<\/span><\/div><\/div>
  <\/span><\/span>headers<\/span>:<\/span> <\/span>{<\/span> Authorization<\/span>:<\/span> <\/span>`Bearer <\/span>${<\/span>API_TOKEN<\/span>}<\/span>`<\/span> <\/span>},<\/span><\/div><\/div>
}<\/span>)<\/span>;<\/span><\/div><\/div>
\n<\/div><\/div>
const<\/span> <\/span>page<\/span> <\/span>=<\/span> <\/span>await<\/span> <\/span>browser<\/span>.<\/span>newPage<\/span>()<\/span>;<\/span><\/div><\/div>
await<\/span> <\/span>page<\/span>.<\/span>goto<\/span>(<\/span>\"https:\/\/example.com\"<\/span>)<\/span>;<\/span><\/div><\/div>
console<\/span>.<\/span>log<\/span>(<\/span>await<\/span> <\/span>page<\/span>.<\/span>title<\/span>())<\/span>;<\/span><\/div><\/div>
await<\/span> <\/span>browser<\/span>.<\/span>close<\/span>()<\/span>;<\/span><\/div><\/div><\/code><\/pre>\n
\n
<\/div>\n<\/div>\n
<\/div>\n<\/figure>\n<\/div>\n
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<\/a> package.<\/p>\n
Here is an example of how to configure Browser Rendering for Claude Desktop:<\/p>\n
\n
\n
{<\/span><\/div><\/div>
  <\/span>\"<\/span>mcpServers<\/span>\"<\/span>:<\/span> <\/span>{<\/span><\/div><\/div>
    <\/span>\"<\/span>browser-rendering<\/span>\"<\/span>:<\/span> <\/span>{<\/span><\/div><\/div>
      <\/span>\"<\/span>command<\/span>\"<\/span>:<\/span> <\/span>\"npx\"<\/span>,<\/span><\/div><\/div>
      <\/span>\"<\/span>args<\/span>\"<\/span>:<\/span> <\/span>[<\/span><\/div><\/div>
        <\/span>\"-y\"<\/span>,<\/span><\/div><\/div>
        <\/span>\"chrome-devtools-mcp@latest\"<\/span>,<\/span><\/div><\/div>
        <\/span>\"--wsEndpoint=wss:\/\/api.cloudflare.com\/client\/v4\/accounts\/<ACCOUNT_ID>\/browser-rendering\/devtools\/browser?keep_alive=600000\"<\/span>,<\/span><\/div><\/div>
        <\/span>\"--wsHeaders={<\/span>\"<\/span>Authorization<\/span>\"<\/span>:<\/span>\"<\/span>Bearer <API_TOKEN><\/span>\"<\/span>}\"<\/span><\/div><\/div>
      <\/span>]<\/span><\/div><\/div>
    <\/span>}<\/span><\/div><\/div>
  <\/span>}<\/span><\/div><\/div>
}<\/span><\/div><\/div><\/code><\/pre>\n
\n
<\/div>\n<\/div>\n
<\/div>\n<\/figure>\n<\/div>\n
To get started, refer to the CDP documentation<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"
Browser Rendering now exposes the Chrome DevTools Protocol (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 and Playwright, can connect from any environment, whether that is Cloudflare Workers, your local machine, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-370","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/wordpress.securinsight.ca\/index.php\/wp-json\/wp\/v2\/posts\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.securinsight.ca\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.securinsight.ca\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.securinsight.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.securinsight.ca\/index.php\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.securinsight.ca\/index.php\/wp-json\/wp\/v2\/posts\/370\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.securinsight.ca\/index.php\/wp-json\/wp\/v2\/media?parent=370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.securinsight.ca\/index.php\/wp-json\/wp\/v2\/categories?post=370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.securinsight.ca\/index.php\/wp-json\/wp\/v2\/tags?post=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}