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.

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

Draft
wants to merge 5 commits into
base: production
Choose a base branch
from
Draft

Conversation

daisyfaithauma
Copy link
Contributor

Summary

  • added chromium version details

Screenshots (optional)

Documentation checklist

  • The documentation style guide has been adhered to.
  • If a larger change - such as adding a new page- an issue has been opened in relation to any incorrect or out of date information that this PR fixes.
  • Files which have changed name or location have been allocated redirects.

Copy link
Contributor

hyperlint-ai bot commented Apr 28, 2025

Howdy and thanks for contributing to our repo. The Cloudflare team reviews new, external PRs within two (2) weeks. If it's been two weeks or longer without any movement, please tag the PR Assignees in a comment.

We review internal PRs within 1 week. If it's something urgent or has been sitting without a comment, start a thread in the Developer Docs space internally.


PR Change Summary

Added details about the Chromium version used in the Workers Binding API documentation.

  • Introduced a section on checking the Chromium version for rendering tasks.
  • Provided methods to check the Chromium version directly in the browser and through automation tools.
  • Updated the description of the Workers Browser Rendering API.

Modified Files

  • src/content/docs/browser-rendering/workers-binding-api/index.mdx

How can I customize these reviews?

Check out the Hyperlint AI Reviewer docs for more information on how to customize the review.

If you just want to ignore it on this PR, you can add the hyperlint-ignore label to the PR. Future changes won't trigger a Hyperlint review.

Note specifically for link checks, we only check the first 30 links in a file and we cache the results for several hours (for instance, if you just added a page, you might experience this). Our recommendation is to add hyperlint-ignore to the PR to ignore the link check for this PR.

@daisyfaithauma daisyfaithauma changed the title chromium version details [BRAPI]chromium version details Apr 28, 2025
@daisyfaithauma daisyfaithauma marked this pull request as ready for review April 28, 2025 22:54
@kathayl
Copy link
Contributor

kathayl commented Apr 28, 2025

  1. Think browser rendering options section should come before the chromium version section
  2. in the chromium version section i think it should be more a) This is what chromium version we're on = 124.0.6367.257 b) if you want to check the version yourself here are the steps

updated content
added output
more explanation on how to use
@kathayl
Copy link
Contributor

kathayl commented Apr 28, 2025

actually, just made the edits i commented above myself

Waiting for preview, so not sure if the formatting is correct. But could you also add the formatting so that playwright and puppeteer instructions are tab example so someone can just switch between them versus seeing all of it?

daisyfaithauma and others added 2 commits April 29, 2025 01:23
<Tabs syncKey="workersExamples"> <TabItem label="Puppeteer">

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

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";

const puppeteer = require("puppeteer");

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

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

```javascript
const puppeteer = require("puppeteer");

(async () => {
Copy link
Contributor

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


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

### Checking chromium version
Copy link
Contributor

Choose a reason for hiding this comment

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

Question about placement, can you talk me through your reasoning for placing this section on this page + area of the page?


## Chromium version

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

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.

@daisyfaithauma daisyfaithauma marked this pull request as draft April 29, 2025 15:34
</TabItem> <TabItem label="Playwright">

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

Choose a reason for hiding this comment

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

I think this should be @cloudflare/playwright
please see the examples here for reference: https://developers.cloudflare.com/browser-rendering/platform/playwright/

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

(async () => {
Copy link
Contributor

Choose a reason for hiding this comment

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

Still not sure if I understand, but why do we not have this example in a worker?

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

(async () => {
const browser = await chromium.launch();
Copy link
Contributor

Choose a reason for hiding this comment

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

we should pass theenv.MYBROWSER here also
MYBROWSER is the binding you use in your wrangler.toml

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants