https://github.com/zeusdeux/screenie

Serverless puppeteer for screenshots and profit!
https://github.com/zeusdeux/screenie

chrome-headless now puppeteer serverless zeit

Last synced: 3 months ago
JSON representation

Serverless puppeteer for screenshots and profit!

• Host: GitHub
• URL: https://github.com/zeusdeux/screenie
• Owner: zeusdeux
• Created: 2019-08-17T12:08:33.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-03T05:30:31.000Z (almost 2 years ago)
• Last Synced: 2024-10-16T19:25:22.956Z (3 months ago)
• Topics: chrome-headless, now, puppeteer, serverless, zeit
• Language: HTML
• Homepage: https://screenie.zdx.cat
• Size: 1.49 MB
• Stars: 5
• Watchers: 2
• Forks: 3
• Open Issues: 6
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
![screenie](https://screenie.zdx.cat/capture?src=https://screenie.zdx.cat&selector=header&omitBackground=true&viewportWidth=1200)

Take screenshots of nodes, full pages or custom dimensions by visting

[`screenie.zdx.cat`](https://screenie.zdx.cat).

> The logo image above was generated for this screenie readme by screenie itself ;)

## Endpoint `GET /capture`

### Supported query params

- `src` (_required_) - full url of the website you want to screenshot. Authenticated pages aren't

  supported.

- `selector` (_optional_) - CSS selector of the node you want to screenshot. Please make sure it has

  URL safe characters. For e.g., `#` will throw it off.

- `viewportWidth` (_optional_) - width of the headless Chrome instance

- `viewportHeight` (_optional_) - height of the headless Chrome instance

- `fullPage` (_optional_) - take a full page screenshot or not. Valid values are `true` and `false`.

  Only used when no selector is provided.

- `omitBackground` (_optional_) - hides default white background and allows capturing screenshots

  with transparency. Valid values are `true` and `false`.

#### Note

For large viewport width and height, chrome-aws-lambda and puppeteer-core fail and throw.

## Example

Element screenshot -

[`/capture?src=https://mudit.xyz&selector=nav > ul > li:nth-child(3)`]()

Full page screenshot -

[`/capture?src=https://stefanjudis.com&viewportWidth=1024&fullPage=true`](https://screenie.zdx.cat/capture?src=https://stefanjudis.com&viewportWidth=1024&fullPage=true)