Screenshots from HTML

Screenshots from HTML

Actor creates screenshots from a saved HTML structure.

AUTOMATIONOPEN_SOURCEApify
Try Now →

What does Screenshot from HTML Actor do?

This actor allows you to render and take screenshots of a saved HTML structure. You can provide the data from a dataset, key-value store or directly input the structure to actor.

How much does it cost to use this actor?

You can create up to 3000 screenshots for 1 USD.

Features

  • Loading data from datasets
  • Loading data from Key-value stores
  • Loading HTML directly from input

Input

  • html - HTML structure you want to render
  • kvStoreId - ID of KV store, you want to load input data from
  • kvStorePrefix - if this option is set, only keys with given prefix will be used
  • datasetId - ID of dataset, you want to load input data from
  • datasetSaveToDataset - if set to true, output will be pushed to the default dataset, with new screenshotUrl field
  • datasetHtmlField - name of a field, that contains HTML structure
  • datasetKeyFields - item fields, that will create an unique key for the output screenshot
  • imageQuality - quality of output JPEG screenshots, lowering this value can lower the size of the output
  • viewportWidth - width of viewport
  • viewportHeight - height of viewport

Output

Output screenshots are stored either to the default key-value store or to the default dataset. File name for dataset screenshots is created by concatening the key fields with '_'. File name for data from Key-value store is the same as the original key, if prefix option is set, prefix is removed from the final file name. If you set the datasetOutput option to Dataset, the actor will output all the items to the default dataset with a new field called screenshotUrl.

Saving HTML structure

Most of the websites are including resources (css, js, ...) with relative links e.g.: "/assets/styles.css". To be able to properly render the website just from the HTML structure, you should add to the result structure the base element. Base element sets base url, that will be used with relative links.

Adding base element with Puppeteer/Playwright

1await page.evaluate((url) => {
2    const base = document.createElement('base');
3    base.href = `${url.protocol}//${url.host}`;
4    const head = document.head.prepend(base);
5}, url);
6
7const html = await page.content();

Adding base element without headless browser

const html = body.replace('<head>', `<head><base href="${url.protocol}//${url.host}" />`);

Frequently Asked Questions

Is it legal to scrape job listings or public data?

Yes, if you're scraping publicly available data for personal or internal use. Always review Websute's Terms of Service before large-scale use or redistribution.

Do I need to code to use this scraper?

No. This is a no-code tool — just enter a job title, location, and run the scraper directly from your dashboard or Apify actor page.

What data does it extract?

It extracts job titles, companies, salaries (if available), descriptions, locations, and post dates. You can export all of it to Excel or JSON.

Can I scrape multiple pages or filter by location?

Yes, you can scrape multiple pages and refine by job title, location, keyword, or more depending on the input settings you use.

How do I get started?

You can use the Try Now button on this page to go to the scraper. You’ll be guided to input a search term and get structured results. No setup needed!