Creates screenshots or responsive sites at different widths
Creates screenshots or responsive sites at different widths. Uses the recap module.
This plugin requires Grunt
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
npm install grunt-recap --save-dev
In your project's Gruntfile, add a section named
recap to the data object passed into
gruntinitConfigrecap:options:// Task-specific options go here.your_target:// Target-specific file lists and/or options go here.;
An array of urls to capture.
An array of widths to capture each page at.
The destination to save the screenshots to, relative to the location of the Gruntfile. The directory will be created if it does not already exist. Make sure that you have permissions to write to this location.
If true, this option activates crawl mode. Each url visited will be scanned for other links to the same site. Any urls found will be added to the list of pages to capture.
gruntinitConfigrecap:urls : ""widths : "320" "480" "1024" "1900"dest : "./screenshots/"options :waitTime : 50crawl : true;