pageres - Capture website screenshots

  •        104

Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.See pageres-cli for the command-line tool.

https://github.com/sindresorhus/pageres

Dependencies:

array-differ : ^1.0.0
array-uniq : ^1.0.2
babel-runtime : ^6.6.1
del : ^3.0.0
easydate : ^2.0.0
filenamify : ^2.0.0
filenamify-url : ^1.0.0
fs-write-stream-atomic : ^1.0.2
get-res : ^3.0.0
lodash.template : ^4.0.1
log-symbols : ^2.1.0
make-dir : ^1.0.0
mem : ^3.0.0
plur : ^2.0.0
protocolify : ^2.0.0
screenshot-stream : ^4.1.0
unused-filename : ^1.0.0
viewport-list : ^5.0.1

Tags
Implementation
License
Platform

   




Related Projects

pageres-cli - Capture website screenshots

  •    Javascript

Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.See pageres for the programmatic API and issues tracker.

manet - Website screenshot service powered by Node.js, SlimerJS and PhantomJS

  •    Javascript

There is only one true thing: instantly paint what you see. When you've got it, you've got it. When you haven't, you begin again. All the rest is humbug. Manet is a REST API server which allows capturing screenshots of websites using various parameters. It is a good way to make sure that your websites are responsive or to make thumbnails.

Phantomjs - Headless WebKit with JavaScript API

  •    Javascript

PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. It is an optimal solution for headless website testing. It run functional tests with frameworks such as Jasmine, QUnit, Mocha, Capybara, WebDriver, and many others.

electroshot - Capture website screenshots with optional device and network emulation as jpg, png or pdf (with web fonts!) using Electron / Chrome

  •    Javascript

Capture website screenshots with optional device and network emulation as JPG, PNG or PDF (with web fonts!) using Electron / Chrome. Specify urls and screen resolutions as arguments - urls first. The CLI design was strongly influenced by the excellent pageres-cli CLI.

capybara-screenshot - Automatically save screen shots when a Capybara scenario fails

  •    Ruby

capybara-screenshot used with Capybara and Cucumber, Rspec or Minitest, will capture a screen shot for each failure in your test suite. The HTML for the failed page, and a screenshot image (when using capybara-webkit, Selenium or poltergeist) is saved into $APPLICATION_ROOT/tmp/capybara. Having screenshots readily available for each test failure is incredibly helpful when trying to quickly diagnose a problem in your failing steps. You can view the source code, and have a screen shot of the page (when applicable), at the time of each failure.


Slimerjs - A scriptable browser like PhantomJS, based on Firefox

  •    Javascript

A scriptable browser like PhantomJS, based on Firefox. SlimerJS is useful to do functional tests, page automation, network monitoring, screen capture, web scraping etc. It provides support to load a web page and inspect its content. It can act on a web page like a user: click on links, fill in form fields etc. You can then inspect the results, to test them or to retrieve them. It helps to take screenshots of a web page.

prerender - Node server that uses Headless Chrome to render a javascript-rendered page as HTML

  •    Javascript

Prerender is a node server that uses Headless Chrome to render HTML, screenshots, PDFs, and HAR files out of any web page. The Prerender server listens for an http request, takes the URL and loads it in Headless Chrome, waits for the page to finish loading by waiting for the network to be idle, and then returns your content. The Prerender server can be used in conjunction with our Prerender.io middleware in order to serve the prerendered HTML of your javascript website to search engines (Google, Bing, etc) and social networks (Facebook, Twitter, etc) for SEO. We run the Prerender server at scale for SEO needs at https://prerender.io/.

Casperjs - Navigation scripting and testing utility for PhantomJS and SlimerJS

  •    Javascript

CasperJS is a navigation scripting & testing utility for PhantomJS and SlimerJS (still experimental). It eases the process of defining a full navigation scenario and provides useful high-level functions, methods & syntactic sugar for doing common tasks such as Filling forms, Clicking links, Capturing screenshots of a page, Downloading resources, even binary ones, Writing functional test suites, exporting results as JUnit XML (xUnit) and lot more.

ImageMagick

  •    C++

ImageMagick is a software suite to create, edit, and compose bitmap images. It can read, convert and write images in a variety of formats (over 100) including DPX, EXR, GIF, JPEG, JPEG-2000, PDF, PhotoCD, PNG, Postscript, SVG, and TIFF. Use ImageMagick to translate, flip, mirror, rotate, scale, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and Bézier curves.

page-monitor - capture webpage and diff the dom change with phantomjs ♨

  •    Javascript

First of all, install phantomjs, page-monitor relys on phantomjs to render webpage and genenrate screenshot. DO NOT use npm to install phantomjs on winidows, it can't be launched by spawn. see the default options here: https://github.com/fouber/page-monitor/blob/master/index.js , you can override any option for your monitoring.

svgexport - SVG to PNG/JPEG command-line tool and Node.js module

  •    Javascript

svgexport is a Node.js module and command-line tool for exporting SVG files to PNG and JPEG, it uses PhantomJS for rendering SVG files. datafile can be an object, an array of objects or a JSON file path, see command line usage for its format.

Responsive-Images - NOTE: use Picturefill instead

  •    Javascript

The goal of this technique is to deliver optimized, contextual image sizes in responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this could enable developers to start with mobile-optimized images in their HTML and specify a larger size to be used for users with larger screen resolutions -- without requesting both image sizes, and without UA sniffing. As soon as rwd-images.js loads, it tests the screen width, and if it's large, it inserts a BASE element into the head of your page, directing all subsequent image, script, and stylesheet requests through a fictitious directory called "/rwd-router/". As these requests reach the server, the .htaccess file determines whether the request is a responsive image or not (does it have a ?full query parameter?). It redirects responsive image requests immediately to their full size, while all non-responsive-image requests go to their proper destination through a URL rewrite that ignores the "/rwd-router/" segment.

gulp-imagemin - Minify PNG, JPEG, GIF and SVG images

  •    Javascript

Issues with the output should be reported on the imagemin issue tracker.🦄 Support my open-source work by buying this awesome video course: Learn to build apps and APIs with Node.js by Wes Bos Try his free JavaScript 30 course for a taste of what to expect & check out his ES6, React, Sublime courses.

Windows XP Snipping Tool

  •    

Windows XP Snipping Tool brings the basic functionality of Windows 7 Snipping Tool to Windows XP. Crop, resize, copy to clipboard are some of its screen shot features. It is developed in C#. (Currently Under Development) Be sure to check out our website for more useful soft...

grunt-contrib-imagemin - Minify PNG and JPEG images.

  •    Javascript

Select optimization level between 0 and 7. The optimization level 0 enables a set of optimization operations that require minimal effort. There will be no changes to image attributes like bit depth or color type, and no recompression of existing IDAT datastreams. The optimization level 1 enables a single IDAT compression trial. The trial chosen is what OptiPNG thinks it’s probably the most effective. The optimization levels 2 and higher enable multiple IDAT compression trials; the higher the level, the more trials.

Diablo Item Capture

  •    CSharp

Capture item pictures in diablo III

react-native-view-shot - Snapshot a React Native view and save it to an image

  •    CSharp

Capture a React Native view to an image. Make sure react-native-view-shot is correctly linked in XCode (might require a manual installation, refer to React Native doc).

node-webshot - Easy website screenshots in Node.js

  •    Javascript

Webshot provides a simple API for taking webpage screenshots. The module is a light wrapper around PhantomJS, which utilizes WebKit to perform the page rendering. An optional options object can be passed as the parameter directly preceding the callback in a call to webshot.

WebShooter

  •    

WebShooter component can be integrated with your application to make web site snapshot. Create bitmaps in different formats .png, .gif, .bmp, .png. The component can resize the image and saved to disk. The sources also cotain Win application which implements the component.