Skip to content

[BRAPI]chromium version details #22013

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

Closed
wants to merge 5 commits into from
Closed

[BRAPI]chromium version details #22013

Changes from 4 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
22d37ea
chromium version details
daisyfaithauma Apr 28, 2025
21d9893
Update index.mdx
kathayl Apr 28, 2025
802c106
added tabs
daisyfaithauma Apr 29, 2025
aeb7e32
Update index.mdx
kathayl Apr 29, 2025
e99c65c
edits
daisyfaithauma Apr 29, 2025
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
50 changes: 48 additions & 2 deletions src/content/docs/browser-rendering/workers-binding-api/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,56 @@ sidebar:
order: 2
---

import { DirectoryListing } from "~/components";
import { DirectoryListing, TabItem, Tabs } from "~/components";

The Workers Binding API allows you to execute advanced browser rendering scripts within Cloudflare Workers. It provides developers the flexibility to automate and control complex workflows and browser interactions. The following options are available for browser rendering tasks:
The Workers Binding API allows you to execute advanced browser rendering scripts within [Cloudflare Workers](/workers/). It provides developers the flexibility to automate and control complex workflows and browser interactions.

Browser Rendering allows developers to programmatically control and interact with a headless browser instance and create automation flows for their applications and products. Once configured, the service provides access to a WebSocket endpoint that speaks the [DevTools Protocol](https://chromedevtools.github.io/devtools-protocol/). This protocol is what allows Cloudflare to instrument a Chromium instance running in the Cloudflare global network.

## Browser Rendering options

The following options are available for browser rendering tasks:

<DirectoryListing />

Use the Workers Binding API when you need advanced browser automation, custom workflows, or complex interactions beyond basic rendering. For quick, one-off tasks like capturing screenshots or extracting HTML, the [REST API](/browser-rendering/rest-api/) is the simpler choice.

## Chromium version

Cloudflare Browser Rendering currently uses **Chromium version 124.0.6367.257**.
Copy link
Collaborator

@kodster28 kodster28 Apr 29, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This info really shouldn't be on the current page (per my previous comment). Should either be a new page or a section on a new page.

Please apply to #22043 as well.


If you want to programmatically confirm the version in your environment, you can retrieve it using either [Puppeteer](/browser-rendering/platform/puppeteer/) or [Playwright](/browser-rendering/platform/playwright/).

<Tabs syncKey="workersExamples"> <TabItem label="Puppeteer">

```javascript
const puppeteer = require("puppeteer");
Copy link
Contributor

@omarmosid omarmosid Apr 29, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't this be
import puppeteer from "@cloudflare/puppeteer";


(async () => {
Copy link
Contributor

@omarmosid omarmosid Apr 29, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

And should this be inside a worker fetch?
Like the code here: https://developers.cloudflare.com/browser-rendering/workers-binding-api/screenshots/#5-code

const browser = await puppeteer.launch();
Copy link
Contributor

@omarmosid omarmosid Apr 29, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

and this: const browser = await puppeteer.launch(env.MYBROWSER);

const version = await browser.version();
console.log("Chromium version:", version);
await browser.close();
})().catch(console.error);
```

</TabItem> <TabItem label="Playwright">

```javascript
const { chromium } = require("playwright");

(async () => {
const browser = await chromium.launch();
const version = await browser.version();
console.log("Chromium version:", version);
await browser.close();
})().catch(console.error);
```

</TabItem> </Tabs>

Example output

```
Chromium version: HeadlessChrome/123.0.6312.86
```
Loading