I'm trying to run the get started `screenshot` code - [link](https://developers.cloudflare.com/brows

I'm trying to run the get started

screenshot

screenshot

screenshot

screenshot code - link

But I get the error

Cannot read properties of undefined (reading 'fetch')

Is there a working example I can try running? Cloudflare should fix their examples on the docs page.

Cloudflare Docs

Deploy a Browser Rendering Worker · Browser Rendering docs

By following this guide, you will create a Worker that uses the Browser Rendering API to take screenshots from web pages. This is a common use case …

Oom How to do local development

cjOP•4/9/24, 6:30 AM

You need a cloudflare workers paid account to get access to the browser rendering API. If you have that, then just visit the docs page to get started. FYI, it didn't "just work" for me.

Ccj I'm trying to run the get started `screenshot` code - [link](https://developers....

Hello, I’m Allie!•4/9/24, 6:34 AM

Just to confirm, you are using —remote, right?

HHello, I’m Allie!Just to confirm, you are using —remote, right?

cjOP•4/9/24, 6:40 AM

I'm running

wrangler dev

wrangler dev

"scripts": {
  "deploy": "wrangler deploy",
  "dev": "wrangler dev",
  "start": "wrangler dev",
  "test": "vitest"
}

"scripts": {
  "deploy": "wrangler deploy",
  "dev": "wrangler dev",
  "start": "wrangler dev",
  "test": "vitest"
}

cjOP•4/9/24, 6:40 AM

The doc did not mention I should use --remote

Ccj I'm running `wrangler dev` ```json "scripts": { "deploy": "wrangler deploy", ...

Hello, I’m Allie!•4/9/24, 6:42 AM

Run npx
wrangler dev --remote
wrangler dev --remote
to test your Worker locally before deploying to Cloudflare’s global network.

Test | Deploy a Browser Rendering Worker

Oom How to do local development

Hello, I’m Allie!•4/9/24, 6:43 AM

Browser Rendering does not currently support local development(compat matrix)

HHello, I’m Allie!> Run npx `wrangler dev --remote` to test your Worker locally before deploying t...

cjOP•4/9/24, 6:47 AM

Sorry, I missed that. It works.

Do you know if the browser rendering API is currently charged? Will I have to pay if I use it in production?

Ccj Sorry, I missed that. It works. Do you know if the browser rendering API is cur...

Hello, I’m Allie!•4/9/24, 6:49 AM

Browser Rendering is now available to all customers with a paid Workers plan. Each account is limited to running two new browsers per minute and two concurrent browsers at no cost during this period. Check our developers page to get started.

- Browser Rendering API GA, rolling out Cloudflare Snippets, SWR, and bringing Workers for Platforms to all users | The Cloudflare Blog

cjOP•4/9/24, 6:49 AM

Ty. Again, sorry for not reading through the whole announcement.

Ccj Ty. Again, sorry for not reading through the whole announcement.

Hello, I’m Allie!•4/9/24, 6:50 AM

All good!

cjOP•4/9/24, 7:42 AM

How would pricing evolve for long running browser sessions?

For example, an automated testing browser session + queue. I will only run a single browser session and use a queue to manage my tasks. But in this case a browser session can exist for multiple minutes.

Is it currently possible to run a long running browser session on cf api?

cjOP•4/9/24, 7:44 AM

Pricing for existing headless browser APIs like browserless.io depend on unitsunits per months - where one unit = 30 seconds

Pricing – Browserless

The headless browser platform that scales your automation.

Advany•4/9/24, 9:48 AM

With do's, if you manage it properly, you should be able to use 2 sessions to get as many units as are on the start plan

cjOP•4/9/24, 11:45 AM

(180,000 units * 30 seconds)/ 60 seconds / 60 minutes / 24 hours = 62.5 days
So two browser sessions + a lot of DO million seconds.

cjOP•4/9/24, 11:50 AM

Quick math to run a browser session for a whole month:

Cost Estimate for 1 Month

Browser Sessions: 1 session for the whole month = $0 or $0.1 (if you exceed free tier)

Durable Objects Costs:
RequestsRequests: Alarm DO every 10 seconds = 259,200 pings / month. The first 1 million pings are free = $0 or $0.03888 (if you exceed free tier) - 259,200 requests / 1,000,000 = 0.2592 million requests * $0.15 = $0.03888
TimeTime: 30 days * 24 hours/day * 3600 seconds/hour = 2,592,000 seconds
Compute DurationCompute Duration: The DO is active for 2,592,000 seconds. Converting to GB-seconds: 2,592,000 seconds * 128 MB / 1 GB = 331,776 GB-s. The first 400,000 GB-s are free = $0 or $4.1472 (if you exceed free tier) - 2,592,000 seconds * 128 MB / 1 GB => 331,776 GB-seconds / 1,000,000 => 0.331776 million GB-seconds * $12.50 = $4.1472

Estimated Total for 1 Month:

$5 (workers paid plan)
$4.28608 (if you exceed free tier)

cjOP•4/9/24, 11:50 AM

vs $200 with browserless.io

cjOP•4/9/24, 11:59 AM

But concurrency is the key here. I don't have a usecase where I need to run a single session for a month - but instead use cloudflare's infra to many handle requests for a product (eg screenshot api). So only after cloudflare let us run 500 concurrent sessions will it be really useful.

Advany•4/9/24, 2:24 PM

you know that you can run current requests on 1 do / 1 browser session? I am easily running 25ish current requests on one browser session. It just opens multiple pages and closes them after its done

AAdvany you know that you can run current requests on 1 do / 1 browser session? I am eas...

cjOP•4/9/24, 2:52 PM

You are already using it in production?

cjOP•4/9/24, 2:54 PM

Are there any limitation on the number of tabs opened? Memory limit or something?

I know there is none stated in the limits page but did you face any issue while in production?

Ccj Are there any limitation on the number of tabs opened? Memory limit or something...

rob•4/9/24, 5:02 PM

Im curious on that also

Ccj You are already using it in production?

Advany•4/9/24, 7:43 PM

I had a hard time crashing it. I set the limit to 25 for myself to be save.

Also using it in production.

I did test it once with 100 to 1000 current pages. Crashed around 200ish.

Advany•4/9/24, 7:44 PM

I did page to pdf and page to screenshot and rxtracting page dom

rob•4/9/24, 9:01 PM

on all 200 ?

jason•4/10/24, 1:19 PM

I don't know whose job this is, but there should be a space in the title

Jadugar_Jaggu•4/10/24, 6:59 PM

Kindly add dark mode on this domain also https://blog.cloudflare.com/ , my eyes are burning

Chaika•4/10/24, 8:53 PM

this is the channel for browser rendering api. The community forums have a generic feedback category

Advany•4/10/24, 9:56 PM

Whats the timeline for expanding the limits for the amount of sessions allowed?

Advany•4/10/24, 9:57 PM

Anyway to request higher limits? Happy to pay!

CChaika this is the channel for browser rendering api. The community forums have a gener...

Jadugar_Jaggu•4/11/24, 3:53 AM

If I execute a Javascript function on a webpage using browser rendering and it will take too long to complete it so in this situation what will be the behaviour of a Cloudflare worker, like it will wait for the completion of that function which is been executed in browser session or it will simply kill itself due to some kind of timeout error or we can leave the browser session open and doing the work and leave the worker?

Sscythe If the browser does not receive a command every minute at least, it will shutdow...

Jadugar_Jaggu•4/11/24, 5:42 PM

interesting , it mean we can force a browser session to stay open as long as we want

dave•4/11/24, 8:49 PM

Did this become an open beta?

James•4/12/24, 1:35 AM

It’s now generally available to all workers paid plans

Vikash•4/12/24, 7:47 AM

Can I connect the same browser in multiple workers? I see the

getRandomSession

getRandomSession

function in the reuse browser example, which filter out the existing connected browser sessions using

connectionId

connectionId

const sessionsIds = sessions
            .filter(v => {
                return !v.connectionId; // remove sessions with workers connected to them
            })
            .map(v => {
                return v.sessionId;
            });

const sessionsIds = sessions
            .filter(v => {
                return !v.connectionId; // remove sessions with workers connected to them
            })
            .map(v => {
                return v.sessionId;
            });

But, in a worker I am just capturing a screenshot using

queue()

queue()

with single page and closes that immediately. So I should be able to re-use the browser in multiple worker as there might be 10-15 pages without any issue I guess in same browser. Or it's limited to single connection only and I will get error if I try to use a browser which is currently in use on any other worker?

Ssc Yes but no eta yet.

Vikash•4/15/24, 10:54 AM

I tried to use the reuse session example to capture screenshot for 100s of url, the

page.goto

page.goto

randomly freeze and worker stops processing any more URL from

queue()

queue()

or 15 minutes

Vikash•4/15/24, 10:55 AM

Vikash•4/15/24, 10:57 AM

even when I have timeout set explicitly in page.goto

const response = await page.goto(url, {
timeout: 15000,
waitUntil: "domcontentloaded",
});

Ssc Check that you're cleaning up resources, eg. closing pages etc. Random freezes s...

Vikash•4/15/24, 11:07 AM

The puppeteer has 30000 ms by default on launch, so is should timeout. instead the worker goes unresponsive for 15 minutes

Ssc Yes but no eta yet.

Advany•4/15/24, 2:11 PM

Any eta for:

Customizing session timeout (i saw a branche for that on github)
Getting more sessions?

Ssc Check that you're cleaning up resources, eg. closing pages etc. Random freezes s...

Advany•4/15/24, 2:34 PM

whats the method to check for memory usage?

Jadugar_Jaggu•4/16/24, 8:52 AM

I think browser.pages() is not able to detect how many pages are open in the current session. Is it a known bug?

Jadugar_Jaggu•4/16/24, 8:53 AM

I have one page which is running currently but when I am executing the browser.pages() on same session its returning me a empty array ( length 0 )

Ssc For 1. Should be in less than a month. For 2. No eta yet

Advany•4/16/24, 11:14 AM

awesome! 1 will help a lot!

I'm trying to run the get started `screenshot` code - [link](https://developers.cloudflare.com/brows

Similar Threads