gulp-shot-cli
Take screenshot
Last updated a year ago by humayunkabir .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install gulp-shot-cli 
SYNC missed versions from official npm registry.

gulp-shot-cli

gulp-shot-cli is a Node library that uses Puppeteer which provides a high-level API to control headless Chrome or Chromium over the DevTools Protocol. It can also be configured to use full (non-headless) Chrome or Chromium. It creates an instance of Browser, open pages, and then navigates the all pages in the theme folder and saves the screenshots in the dist folder one by one.

Open a terminal at the root folder and run the following command to install the dependencies.

npm i

Then go the theme folder and open a simple http server with port 3000

cd theme

The following command will create a python http server. For earlier version of python:

python -m SimpleHTTPServer 3000

For python 3:

python3 -m http.server 3000
Default Commands Description
gulp shot Take the screenshots of all the html pages in the theme folder.
gulp rename Rename the all images in the dist folder with the prefix dist--.
gulp Take the screenshots of all the html pages in the theme folder and then rename the all images in the dist folder with the prefix dist--.

Please report bugs and contribute at github gulp-shot-cli.

Current Tags

  • 1.0.2                                ...           latest (a year ago)

3 Versions

  • 1.0.2                                ...           a year ago
  • 1.0.1                                ...           a year ago
  • 1.0.0                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 2
Dependencies (8)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |