Browser Render (headless)

action_browser_render · action · Utility · Available · v1.0.0

Description

Renderizza una pagina con browser headless (Chrome) per scraping di SPA / siti JavaScript-heavy (React/Vue/Angular). Aspetta che il selettore appaia, poi ritorna HTML completo + cookies + screenshot opzionale. Usa quando: action_web_fetch_advanced ritorna HTML scarno perché il contenuto viene generato da JS post-load (es. listing prodotti SPA, dashboard che carica dati via fetch). Architettura BYO (Bring Your Own Browser): per non far esplodere ogni container con 300MB di Chromium, il nodo chiama un endpoint Playwright esterno (browserless.io self-host, Playwright Server, o managed Zeli add-on). Configura l'endpoint in Settings → Integrazioni → Browser Render. Use case: (1) scraping listing prodotti SPA con prezzi caricati via fetch, (2) audit propria dashboard con screenshot SLA-grade, (3) ingest pagina React-based che action_fetch_url restituirebbe vuota, (4) screenshot per archivio legale di una landing competitor (snapshot dated).

⚙️ Configuration parameters

Fields shown in the editor when configuring the node. Generated directly from the NodeDefconfigFields.

FieldTypeRequiredDefaultDescription
url
URL
stringyes
https://miosito.com/dashboard
URL della pagina da renderizzare. Il browser aspetterà che il contenuto JS si carichi.
endpoint
Browser endpoint
stringno
https://browser.miosito.com (vuoto = usa env FLOWFORGE_BROWSER_ENDPOINT)
URL del Playwright server. Setup tipici: 1) browserless.io self-host (docker run browserless/chrome), 2) Playwright Server. Per managed Zeli, contatta [email protected].
apiKey
API Key (se richiesta)
string (encrypted)noBearer token per autenticare al browser endpoint. Vuoto se l'endpoint è loopback/trusted.
waitFor
Aspetta selettore CSS
stringno
.product-list, #app, [data-loaded="true"]
Il browser aspetta che questo CSS selector compaia prima di ritornare HTML. Lascia vuoto per ritornare appena DOMContentLoaded.
waitTimeoutMs
Timeout attesa (ms)
numberno15000Max attesa per "Aspetta selettore CSS". Default 15s, min 1s, max 60s.
viewportWidth
Viewport width (px)
numberno1280Larghezza finestra browser. 1280 = desktop, 375 = iPhone, 768 = tablet.
viewportHeight
Viewport height (px)
numberno800Altezza finestra browser. Default 800.
screenshot
Screenshot incluso
booleannofalseSe ON, ritorna anche uno screenshot PNG base64 della pagina renderizzata.
cookies
Cookies iniziali
string (multiline)no
session=xyz; cf_clearance=abc
Cookies da iniettare prima del navigate. Utile dopo un action_cloudflare_solver.
extraHeaders
Headers extra
key-valuenoHeaders HTTP custom (es. User-Agent, Authorization).

⬆️ Node output

Fields available to downstream nodes via $node.<alias>.json.<field>:

  • html
  • cookies
  • finalUrl
  • screenshotBase64

💡 Configuration example

JSON snippet of the node as it appears in the workflow. Values are derived fromdefaultValue and from required parameters.

{
  "id": "node-action_browser_render-1",
  "defId": "action_browser_render",
  "label": "Browser Render (headless)",
  "config": {
    "url": "https://miosito.com/dashboard",
    "waitTimeoutMs": 15000,
    "viewportWidth": 1280,
    "viewportHeight": 800,
    "screenshot": false
  }
}

🔗 Related nodes in the same category

Ready to use Browser Render (headless)?

Available now on all FlowForge plans. Try it free without a credit card.

Start freeBrowse all nodes