DEV Community

Cover image for Street Programmer: 📸 REST Screenshoot
Imam Ali Mustofa
Imam Ali Mustofa

Posted on

Street Programmer: 📸 REST Screenshoot

#javascript #webdev #api #programming

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…


View on GitHub


Top comments (0)