this is merely due to the 2 browser limit

MMr. Technician this is merely due to the 2 browser limit

J

I need to perform an arbitrary number of browser rendering requests at once.

Maybe you can use a queue? Your queue producer will send the rendering requests and the consumer will make these requests as time permits (2 sessions per minute)...
There is an example using queues here: https://developers.cloudflare.com/queues/tutorials/web-crawler-with-browser-rendering/

M

Mr. TechnicianOP•9/3/24, 12:27 AM

the problem with that approach is the user would need to wait longer (assuming others are ahead of them)

M

Mr. TechnicianOP•9/3/24, 12:32 AM

cloudflare has to understand that this limitation is a big issue

M

Mr. TechnicianOP•9/3/24, 12:32 AM

granted it’s in beta

M

Mr. TechnicianOP•9/3/24, 4:38 AM

i think i will abandon this for now and stick with browserless as my remote browser provider

Ssc Setting the geographical location of the browser is in the roadmap. With DO hint...

M

maguayo•9/3/24, 10:24 AM

Any news on the Browser geo location? The websites are different in france or USA. We need to control where the browser spawns.

M

Mr. TechnicianOP•9/3/24, 6:46 PM

I imagine you could also use a third-party proxy via puppeteer as well

M

Mr. TechnicianOP•9/3/24, 6:48 PM

that is my intended use-case anyway

C

ceddy•9/6/24, 10:52 PM

How do you get logs for the browser rendering? like each session?

C

ceddy•9/6/24, 10:53 PM

@Walshy

C

ceddy•9/6/24, 10:55 PM

https://tenor.com/view/calculating-puzzled-math-confused-confused-look-gif-14677181

Tenor

C

ceddy•9/6/24, 10:55 PM

omg i think queue's and browsers logs cannot be stored

Cceddy @Walshy

I

Isaac McFadyen•9/7/24, 3:17 AM

?pings

F

Flare•9/7/24, 3:17 AM

Please do not ping community members for non-moderation reasons. Doing so will not solve your issue faster and will make people less likely to want to help you.

P

paulc•9/7/24, 9:38 PM

If I have a browser rendering session that's cron triggered every first minute after every hour on a paid plan, should I expect the worker to not run over 30 seconds if the worker's code needs more time to complete operations? I'm referencing this pricing/usage page that states "Max of 15 minutes of CPU time per Cron Trigger invocation".

The documentation's a little confusing - not sure to expect 30 seconds or 15 minutes.

Cloudflare Docs

Pricing | Cloudflare Workers docs

Workers plans and pricing information.

IIsaac McFadyen ?pings

C

ceddy•9/8/24, 1:54 PM

i just moved to browserless

C

ceddy•9/8/24, 1:54 PM

your browser api is not yet production ready

I

Isaac McFadyen•9/8/24, 2:09 PM

As the message says, please do not ping people (replying pings on Discord, as well as

@person

@person

@person

@person).

I

Isaac McFadyen•9/8/24, 2:09 PM

My message was because you pinged Walshy randomly, and not for moderation reasons or from a prior conversation.

IIsaac McFadyen My message was because you pinged Walshy randomly, and not for moderation reason...

C

ceddy•9/8/24, 3:29 PM

https://tenor.com/view/why-persian-room-cat-guardian-but-why-trendizisst-anyaboz-gif-2156104475561014590

Tenor

S

ShaqLite•9/12/24, 8:24 PM

HI Im confused between a browser, session and context.
My use-cases is I need to take screenshots of say 20 pages simkultaneously. (they can be from the same browser /sessions / context / connection)
There are 2 browsers allowed, but can I use these to spawn multiple URLs simultaneously? and if so whats the maximum number of URLs I can open per browser?

.

.gwapes•9/14/24, 6:24 PM

Do you not want the env parameter cf sends whenever the fetch event etc runs?

.

.gwapes•9/14/24, 6:48 PM

My experience and knowledge is pretty much null, but I don’t think process.env.xxx works on workers since it’s all in the env object

.

.gwapes•9/14/24, 6:49 PM

Wrangler dev would use your local system iirc, so process.env would work

Sscythe Yeah, you can open diff tabs. If you open too many though you can go over the br...

M

Mr. TechnicianOP•9/15/24, 4:56 AM

can separate tabs in the same browser session be interacted with simultaneously?

A

Advany•9/16/24, 11:05 AM

Do I need to enable browser rendering? I am on a paid plan.

Keep getting the same error (its deployed):


Error during Puppeteer rendering: TypeError: Cannot read properties of undefined (reading 'fetch')
    at PuppeteerWorkers.launch (index.js:11855:32)
    at Browser2.fetch (index.js:13414:59) {
  stack: TypeError: Cannot read properties of undefined (re…855:32)
    at Browser2.fetch (index.js:13414:59),
  message: Cannot read properties of undefined (reading 'fetch')
}


Error during Puppeteer rendering: TypeError: Cannot read properties of undefined (reading 'fetch')
    at PuppeteerWorkers.launch (index.js:11855:32)
    at Browser2.fetch (index.js:13414:59) {
  stack: TypeError: Cannot read properties of undefined (re…855:32)
    at Browser2.fetch (index.js:13414:59),
  message: Cannot read properties of undefined (reading 'fetch')
}


Error during Puppeteer rendering: TypeError: Cannot read properties of undefined (reading 'fetch')
    at PuppeteerWorkers.launch (index.js:11855:32)
    at Browser2.fetch (index.js:13414:59) {
  stack: TypeError: Cannot read properties of undefined (re…855:32)
    at Browser2.fetch (index.js:13414:59),
  message: Cannot read properties of undefined (reading 'fetch')
}


Error during Puppeteer rendering: TypeError: Cannot read properties of undefined (reading 'fetch')
    at PuppeteerWorkers.launch (index.js:11855:32)
    at Browser2.fetch (index.js:13414:59) {
  stack: TypeError: Cannot read properties of undefined (re…855:32)
    at Browser2.fetch (index.js:13414:59),
  message: Cannot read properties of undefined (reading 'fetch')
}

AAdvany Do I need to enable browser rendering? I am on a paid plan. Keep getting the sa...

A

Advany•9/16/24, 11:15 AM

found the issue

browser = { binding = "MY_BROWSER" }

browser = { binding = "MY_BROWSER" }

browser = { binding = "MY_BROWSER" }

browser = { binding = "MY_BROWSER" }

AAdvany found the issue ```browser = { binding = "MY_BROWSER" }```

A

Advany•9/16/24, 11:16 AM

this syntax in wrangler works but

[browser]
binding = "MY_BROWSER"

[browser]
binding = "MY_BROWSER"

[browser]
binding = "MY_BROWSER"

[browser]
binding = "MY_BROWSER"

doesn't work

J

JFK•9/16/24, 2:47 PM

"The "Download PDF" button triggers a direct download. Unfortunately, Puppeteer running in a Cloudflare Worker environment does not have direct support for file downloads."

Is this true? Or is the AI hallucinating.

I'm trying to download a pdf that does not come as a network payload, but is generated client side with js

A

Advany•9/24/24, 11:20 AM

how do I debug these kidns of errors like server abnormal shutdown and chromium chrashed?

AAdvany how do I debug these kidns of errors like server abnormal shutdown and chromium ...

P

Peps•9/24/24, 4:07 PM

Best is to create a support ticket for this, as the team for this product isn't active on the discord

B

Boyd•9/24/24, 4:21 PM

Hello everyone! We've got a pipeline working where screenshots are taken of specific routes in our app that we want to use for generating thumbnail previews of pages — ~~however when the pages contain CSS filters on images (right side of the browser window) the filters are not applied.~~ Additionally, when we use backdrop filter blur on a content area (left side of the browser window) the backdrop blur is rendered but the content of the div is not.

The attached screenshot is a preview of the Cloudflare Browser Rendering API result positioned over top of the actual page that was being screenshot in the browser.

Is there anything we can do from our side to better troubleshoot this? We've done everything we can as far as vendor prefixing to make the effects as backwards compatible as possible. Are we hitting limits of the Browser Rendering API or are there ways to work around the issue?

Thanks in advance for your time!

Screenshot_2024-09-24_at_11.52.10_AM.png

C

cloudkite•9/25/24, 5:53 AM

Workaround for local puppeteer dev:

dev/run script:

import * as chromeLauncher from "chrome-launcher";
  let chrome = await chromeLauncher.launch({
    port: await allocatePort(),
    chromeFlags: ["--headless", "--disable-gpu"],
    logLevel: "info",
  });

  let chromeInfo = (await fetch(`http://localhost:${chrome.port}/json/version`).then(
    (res) => res.json(),
  )) as { webSocketDebuggerUrl: string };

let browserWsEndpoint = chromeInfo.webSocketDebuggerUrl;

// then either write out .dev.vars or pass direct to wrangler
exec(`wrangler dev --var BROWSER_WS_ENDPOINT:${browserWsEndpoint}`)

import * as chromeLauncher from "chrome-launcher";
  let chrome = await chromeLauncher.launch({
    port: await allocatePort(),
    chromeFlags: ["--headless", "--disable-gpu"],
    logLevel: "info",
  });

  let chromeInfo = (await fetch(`http://localhost:${chrome.port}/json/version`).then(
    (res) => res.json(),
  )) as { webSocketDebuggerUrl: string };

let browserWsEndpoint = chromeInfo.webSocketDebuggerUrl;

// then either write out .dev.vars or pass direct to wrangler
exec(`wrangler dev --var BROWSER_WS_ENDPOINT:${browserWsEndpoint}`)

import * as chromeLauncher from "chrome-launcher";
  let chrome = await chromeLauncher.launch({
    port: await allocatePort(),
    chromeFlags: ["--headless", "--disable-gpu"],
    logLevel: "info",
  });

  let chromeInfo = (await fetch(`http://localhost:${chrome.port}/json/version`).then(
    (res) => res.json(),
  )) as { webSocketDebuggerUrl: string };

let browserWsEndpoint = chromeInfo.webSocketDebuggerUrl;

// then either write out .dev.vars or pass direct to wrangler
exec(`wrangler dev --var BROWSER_WS_ENDPOINT:${browserWsEndpoint}`)

import * as chromeLauncher from "chrome-launcher";
  let chrome = await chromeLauncher.launch({
    port: await allocatePort(),
    chromeFlags: ["--headless", "--disable-gpu"],
    logLevel: "info",
  });

  let chromeInfo = (await fetch(`http://localhost:${chrome.port}/json/version`).then(
    (res) => res.json(),
  )) as { webSocketDebuggerUrl: string };

let browserWsEndpoint = chromeInfo.webSocketDebuggerUrl;

// then either write out .dev.vars or pass direct to wrangler
exec(`wrangler dev --var BROWSER_WS_ENDPOINT:${browserWsEndpoint}`)

then in your worker:

import puppeteer from "@cloudflare/puppeteer";
  let browserWSEndpoint = env.BROWSER_WS_ENDPOINT;
  return await puppeteer.connect(browserWSEndpoint ? { browserWSEndpoint } : env.BROWSER);

import puppeteer from "@cloudflare/puppeteer";
  let browserWSEndpoint = env.BROWSER_WS_ENDPOINT;
  return await puppeteer.connect(browserWSEndpoint ? { browserWSEndpoint } : env.BROWSER);

import puppeteer from "@cloudflare/puppeteer";
  let browserWSEndpoint = env.BROWSER_WS_ENDPOINT;
  return await puppeteer.connect(browserWSEndpoint ? { browserWSEndpoint } : env.BROWSER);

import puppeteer from "@cloudflare/puppeteer";
  let browserWSEndpoint = env.BROWSER_WS_ENDPOINT;
  return await puppeteer.connect(browserWSEndpoint ? { browserWSEndpoint } : env.BROWSER);

PPeps Best is to create a support ticket for this, as the team for this product isn't ...

A

Advany•9/25/24, 8:24 AM

thanks a lot!

Oom Can anyone explain this please

C

cloudkite•9/25/24, 7:02 PM

use "chrome-launcher" to launch chrome and get a wsEndpoint for a local browser. Write this to .dev.vars which gets picked up by wrangler dev OR run wrangler dev in same script passing in wsEndpoint through the CLI as a variable. In your worker code check if that ENV variable is present and launch puppeteer with wsEndpoint instead. Since that env variable only exists in dev, in production it uses browser from cloudflare instead

AAdvany found the issue ```browser = { binding = "MY_BROWSER" }```

A

AGill•9/26/24, 2:29 AM

Hey I'm getting the same error. Trying to add the browser binding to my Nuxt3 project. May I ask what framework you are using? And mind sharing what your full

wrangler.toml

wrangler.toml

looks like?

A

AGill•9/26/24, 4:05 AM

^ was able to add the binding. I used the CF API to add the binding manually: https://developers.cloudflare.com/api/operations/pages-project-update-project

Cloudflare API Documentation

Interact with Cloudflare's products and services via the Cloudflare API

A

AGill•9/26/24, 4:06 AM

Where would be the best place to make a feature request on configuring browser binding via the dashboard?

B

Boyd•9/26/24, 7:31 PM

Hey, me again. Using the Browser Renderer I'm unable to get Google Fonts to load in screenshots. It's always a fallback font. I there anything I need to do in my configuruation for the puppeteer instance to enable 3rd-party assets such as Google Fonts? I can confirm they're loading fine when accessed directly.

V

Vikash•9/27/24, 10:38 AM

Can we request to increase concurrent browsers limit?

Do CF consider such requests or is it fixed to max 2 per account and can't change?

A

Advany•9/28/24, 7:27 AM

They didnt annouce a change...

this is merely due to the 2 browser limit

Similar Threads

Similar Threads

Similar Threads