9 replies

How to access local HTML file with Puppeteer?

I have a Cloudflare Worker that I want to take a screenshot of a local HTML file. I for the love of god can't figure how to open that file or access any of the file system on a worker.

I'm using Cloudflare Browser Rendering to and Cloudflare's fork of Puppeteer.

I tried to hard code the HTML and CSS in my JS but I found that I can't easily hard code in a font file which I need. Any ideas?

async function generateScreenshot(env) {
    const browser = await puppeteer.launch(env.MYBROWSER);
    const page = await browser.newPage();

    // How do I access my HTML including CSS, fonts, and images?
    await page.goto('src/html/index.html');

    const screenshot = await page.screenshot();

    return screenshot;
}

async function generateScreenshot(env) {
    const browser = await puppeteer.launch(env.MYBROWSER);
    const page = await browser.newPage();

    // How do I access my HTML including CSS, fonts, and images?
    await page.goto('src/html/index.html');

    const screenshot = await page.screenshot();

    return screenshot;
}

Here is the file structure I'm dealing with:

src/
│   index.js
└───html/
    │   index.html
    │   style.css
    ├───fonts/
    │       customFont.woff2
    └───images/
            attachment.png

src/
│   index.js
└───html/
    │   index.html
    │   style.css
    ├───fonts/
    │       customFont.woff2
    └───images/
            attachment.png

Let me know if any other information is needed.

How to access local HTML file with Puppeteer?

async function generateScreenshot(env) {
    const browser = await puppeteer.launch(env.MYBROWSER);
    const page = await browser.newPage();

    // How do I access my HTML including CSS, fonts, and images?
    await page.goto('src/html/index.html');

    const screenshot = await page.screenshot();

    return screenshot;
}

async function generateScreenshot(env) {
    const browser = await puppeteer.launch(env.MYBROWSER);
    const page = await browser.newPage();

    // How do I access my HTML including CSS, fonts, and images?
    await page.goto('src/html/index.html');

    const screenshot = await page.screenshot();

    return screenshot;
}

Here is the file structure I'm dealing with:

src/
│   index.js
└───html/
    │   index.html
    │   style.css
    ├───fonts/
    │       customFont.woff2
    └───images/
            attachment.png

src/
│   index.js
└───html/
    │   index.html
    │   style.css
    ├───fonts/
    │       customFont.woff2
    └───images/
            attachment.png

Let me know if any other information is needed.

How to access local HTML file with Puppeteer?

Similar Threads

How to access local HTML file with Puppeteer?

Similar Threads

Similar Threads

Similar Threads