Urlbox Screenshot Demo

This page shows how you can use the urlbox API to generate different screenshots of the same url using the API options.

Responsive Screenshot

Options

{ "width": 320, "height": 650, "user_agent": "mobile", "url": "apple.com/iphone" }

Desktop Screenshot

Options

{ "thumb_width": 300, "url": "apple.com/iphone" }

Full Page Screenshot

Options

{ "thumb_width": 300, "full_page": true, "url": "apple.com/iphone" }

Retina Screenshot

Options

{ "retina": true, "url": "apple.com/iphone" }

Mobile Screenshot

Options

{ "width": 320, "height": 650, "user_agent": "mobile", "url": "wikipedia.com" }

Thumbnail Screenshot

Options

{ "thumb_width": 300, "url": "wikipedia.com" }

Full Height Screenshot

Options

{ "thumb_width": 300, "full_page": true, "url": "wikipedia.com" }

High Definition Screenshot

Options

{ "retina": true, "url": "wikipedia.com" }

Responsive Screenshot

Options

{ "width": 320, "height": 650, "user_agent": "mobile", "url": "reddit.com" }

Desktop Screenshot

Options

{ "thumb_width": 300, "url": "reddit.com" }

Full Page Screenshot

Options

{ "thumb_width": 300, "full_page": true, "url": "reddit.com" }

Retina Screenshot

Options

{ "retina": true, "url": "reddit.com" }

Mobile Screenshot

Options

{ "width": 320, "height": 650, "user_agent": "mobile", "url": "amazon.com" }

Thumbnail Screenshot

Options

{ "thumb_width": 300, "url": "amazon.com" }

Full Height Screenshot

Options

{ "thumb_width": 300, "full_page": true, "url": "amazon.com" }

High Definition Screenshot

Options

{ "retina": true, "url": "amazon.com" }

Responsive Screenshot

Options

{ "width": 320, "height": 650, "user_agent": "mobile", "url": "toppletrump.com" }

Desktop Screenshot

Options

{ "thumb_width": 300, "url": "toppletrump.com" }

Full Page Screenshot

Options

{ "thumb_width": 300, "full_page": true, "url": "toppletrump.com" }

Retina Screenshot

Options

{ "retina": true, "url": "toppletrump.com" }

Mobile Screenshot

Options

{ "width": 320, "height": 650, "user_agent": "mobile", "url": "news.ycombinator.com" }

Thumbnail Screenshot

Options

{ "thumb_width": 300, "url": "news.ycombinator.com" }

Full Height Screenshot

Options

{ "thumb_width": 300, "full_page": true, "url": "news.ycombinator.com" }

High Definition Screenshot

Options

{ "retina": true, "url": "news.ycombinator.com" }