webscrs

A CLI for website screenshots and comparisons.

Table of Contents

• Requirements
• Installation
• Usage
• Example
• License

Requirements

• node 12.22+

Installation

$ npm install -g webscrs

Usage

USAGE
  $ webscrs <OPTIONS> <URL> [, <URL>...]

ARGUMENTS
  URL  urls for screenshot

OPTIONS
  -c, --compare              compare odd and even URL pairs
  -d, --device=device        emulate mobile device
  -h, --height=height        height of viewport
  -o, --outputDir=outputDir  [default: ./screenshots] output directory of screenshots
  -s, --short                screenshot at viewport size
  -v, --version              show CLI version
  -w, --width=width          width of viewport
  --help                     show CLI help

Example

Take screenshots of URLs.

$ webscrs "https://example.com/" "https://example.net/"

Take screenshots of URLs...
√ 1.Open: https://example.com/
=> √ Save: ./screenshots/1-example.com.png
√ 2.Open: https://example.net/
=> √ Save: ./screenshots/2-example.net.png

Compare screenshots of URLs.

$ webscrs -c "https://example.com/" "https://example.net/"

Compare screenshots of URLs...
√ 1.Open: https://example.com/
=> √ Save: ./screenshots/1a-example.com.png
√ 1.Open: https://example.net/
=> √ Save: ./screenshots/1b-example.net.png
√ 1.Diff: ./screenshots/1c-screenshot-diff.png

* argments url must be even.

Execute from file of URL list.

$ webscrs "url.txt"

* File format is URL list delimited by white-space.

Emulate device.

$ webscrs -d "iPhone 6" "https://example.com/"

* -d option is specified from Puppeteer.device.

License

MIT © okamoai