DEV Community

Cover image for Street Programmer: πŸ“Έ REST Screenshoot
Imam Ali Mustofa
Imam Ali Mustofa

Posted on

2

Street Programmer: πŸ“Έ REST Screenshoot

REST Screenshoot is a free tool for capturing screenshots of webpages via a REST API. It provides a simple, easy-to-use endpoint URL for generating screenshots.

Wrong spelling!!! But you know what I mean right?!

To generate a screenshot, make a GET request to the following endpoint URL, replacing {url} with the URL of the webpage you want to capture:

https://rest-screenshoot.fly.dev/screenshot?url={url}
Enter fullscreen mode Exit fullscreen mode

Example

To capture a screenshot of the React Table server-side pagination, search, and sort order story on Metaphore, use this URL:

Request

https://rest-screenshoot.fly.dev/screenshot?url=https://metaphore.vercel.app/stories/javascript/react-table-sever-side-pagination-search-sortorder
Enter fullscreen mode Exit fullscreen mode

Response
Response Image

See Other Options

Query Type Description Required
url string Valid url for target website Yes
width number Valid Number (pixel) default is 850 No
height number Valid Number (pixel) default is 400 No
pick string Valid CSS Selector for element No

Note: This project idea is an extension for Metaphor Website

GitHub logo darkterminal / rest-screenshoot

REST Screenshoot is a free tool for capturing screenshots of webpages via a REST API. Free an always!

REST Screenshoot πŸ“Έ

REST Screenshoot is a free tool for capturing screenshots of webpages via a REST API. It provides a simple, easy-to-use endpoint URL for generating screenshots.

Endpoint URL

To generate a screenshot, make a GET request to the following endpoint URL, replacing {url} with the URL of the webpage you want to capture:

https://rest-screenshoot.fly.dev/screenshot?url={url}

Example

To capture a screenshot of the React Table server-side pagination, search, and sort order story on Metaphore, use this URL:

https://rest-screenshoot.fly.dev/screenshot?url=https://metaphore.vercel.app/stories/javascript/react-table-sever-side-pagination-search-sortorder

The resulting screenshot will be returned as a PNG image.

Options

Query Type Description Required
url string Valid url for target website Yes
width number Valid Number (pixel) default is 850 No
height number Valid Number (pixel) default is 400 No
pick string Valid CSS Selector for element No

Note: This project idea is an extension for Metaphor Website

Donation / Support

If you find REST Screenshoot to be a helpful tool…

API Trace View

How I Cut 22.3 Seconds Off an API Call with Sentry πŸ‘€

Struggling with slow API calls? Dan Mindru walks through how he used Sentry's new Trace View feature to shave off 22.3 seconds from an API call.

Get a practical walkthrough of how to identify bottlenecks, split tasks into multiple parallel tasks, identify slow AI model calls, and more.

Read more β†’

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more