pageres-cli - Capture website screenshots

  •        298

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.

https://github.com/sindresorhus/pageres-cli

Dependencies:

array-differ : ^1.0.0
array-uniq : ^1.0.2
arrify : ^1.0.0
log-symbols : ^1.0.0
meow : ^3.5.0
pageres : ^4.3.0
parse-headers : ^2.0.0
subarg : ^1.0.0
sudo-block : ^1.0.0
update-notifier : ^1.0.3

Tags
Implementation
License
Platform

   




Related Projects

pageres - 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-cli for the command-line tool.

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.

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.

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.


imagemin-cli - Minify images

  •    Javascript

Issues with the output should be reported on the imagemin issue tracker.

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.

tlapse - :camera: Create a timelapse of your web development

  •    Javascript

A tiny utility that takes periodic screenshots of your site while you develop.Uses pageres-cli for creating screenshots.

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.

adept-jpg-compressor - A Bash script to automate adaptive JPEG compression using common CLI tools

  •    Shell

When compressing JPEG images, the same compression level is used on the entire image. However, most JPEG images contain homogeneous and heterogeneous areas, which are varyingly well-suited for compression. Compressing heterogeneous areas in JPEGs to reduce filesize causes compression artefacts due to the lossy nature of JPEG compression. This script adaptively alters the compression level for areas within JPEGs (per-block) to achieve optimized file size while maintaining a decent visual quality. This script achieves a significantly reduced file size compared to standard tools such as cjpeg while maintaining good visual quality, as can be measured via SSIM. This is good news for the Web Performance and thus Web Developer community to achieve a great user experience on websites.

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.

a11y - Accessibility audit tooling for the web (beta)

  •    Javascript

PhantomJS, which is used for generating the screenshots, is installed automagically, but in some rare cases it might fail to and you'll get an Error: spawn EACCES error. Download PhantomJS manually and reinstall a11y if that happens.

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.

Flameshot - Powerful yet simple to use screenshot software

  •    C++

Flameshot is a powerful yet simple to use screenshot software. It supports Customizable appearance, In-app screenshot edition, GUI and CLI support, Upload to Imgur.

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.

tmi - TMI (Too Many Images) - discover your image weight on the web

  •    Javascript

Find out the image weight in your pages, compare to the BigQuery quantiles and discover what images you can optimize further. Verbose mode will show you a detailed summary of which images needs improving.

node-exif - A node.js library to extract Exif metadata from images.

  •    Javascript

With node-exif you can extract Exif metadata from images (JPEG). Exif is a format used, for example, by digital cameras and scanners to save additional information about an image in the image file. This information can be the camera model, resolution, where the image was taken (GPS) or when it was taken. Rodrigo Espinosa proposes the npm package exif-cli to execute node-exif from a shell.

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.