Hello, For some time now I'm struggling to produce working automated screenshots of my dashboard (it uibuilder dashboard but it doesn't matter here). I've tried puppeteer and chromium headless. First, the puppeteer from this link Headless Chrome: Webpage Capture using Puppeteer (JS and Node-Red) …

What exactly "didn't work" ? Here is an example flow that works great with puppeteer. Note: this flow uses this node . [ { "id": "e13ff486513435f4", "type": "puppeteer-browser-launch", "z": "d5ab2d7681d50185", "timeout": 30000, "slowMo": 0, "headl…

Not had time to watch the video. I assume you are trying to access it from a function node?

No, First I've tried this (from the video): [image] [{"id":"32cc98e2c46a956c","type":"inject","z":"fe70b7069e03e98b","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":820,"y":900,"wi…

So this page has an example you should be able to use with a function node: puppeteer/puppeteer/blob/main/examples/screenshot-fullpage.js /** * @license * Copyright 2017 Google Inc. * SPDX-License-Identifier: Apache-2.0 */ 'use strict'; const puppeteer = require('puppeteer'); …

I would like to suggest to use the puppeteer node , which uses puppeteer in the background/headless but with custom nodes, which make it all very easy to use in node-red. Simple webdriver also works, but requires a headless server somehow.

Tried this but got errors in the node-red: npm WARN config production Use `--omit=dev` instead. npm ERR! code ENOTEMPTY npm ERR! syscall rename npm ERR! path /home/tomislav/.node-red/node_modules/cross-fetch npm ERR! dest /home/tomislav/.node-red/node_modules/.cross-fetch-GIKUGa70 npm ERR! errno -3…

Tried puppeteer-new but it didn't work. Documentation for puppeteer for node-red is very scarse

[image] nerevar: npm ERR! ENOTEMPTY: directory not empty, rename '/home/tomislav/.node-red/node_modules/cross-fetch' -> '/home/tomislav/.node-red/node_modules/.cross-fetch-GIKUGa70' This issue is spelled out - there is a directory named /home/tomislav/.node-red/node_modules/.cross-fetch-GIKUG…

[image] nerevar: home/tomislav/.node-red/node_modules/.cross-fetch-GIKUGa70 Delete any files in that folder that start with a dot and have a random string on the end. Then try installing the node again.

[image] bakman2: What exactly "didn't work" ? Here is an example flow that works great with puppeteer. Note: this flow uses this node . Thank you man. Here is the custom resolution and file output flow I'm using: [{"id":"e13ff486513435f4","type":"puppeteer-browser-launch","z":"fe70b7069e03e…

Node-RED

Node-RED Forum

Taking screenshots - Final?

General

Colin 5 February 2024 15:01 11

Also, never use sudo when installing nodes locally.

Generate screenshot of a dashboard chart for a PDF

Topic		Replies	Views
Generate screenshot of a dashboard chart for a PDF General node-red-dashboard , chart , function-node , pdf	4	472	23 February 2024
Screenshot of Dashboard headless mode General	59	4566	2 October 2023
Take screenshots of web pages General	13	3018	20 December 2019
Node red Web Scrapping with login General	7	1117	30 April 2021
Flow: website screenshots and PDFs with core nodes only (no Chromium on the box) Share Your Projects	2	99	17 October 2026

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Taking screenshots - Final?

Related topics