An app that will generate screenshots of all pages of a website, you can specify multiple screensizes.

Quick start yarn install yarn electron:serve

Getting Started

Installation

1. Download the version of your OS at the Github Releases tab (macOS .dmg, Windows .exe)
2. Follow the instalation instructions after downloading.
3. For macOS the first time you open the app right click it and open, allow the prompt.
4. Add the url to your sitemap.xml, most of the time this is domain.com/sitemap.xml
5. Select at least one device
6. Generate!

At the advanced tab you can limit the amount of screenshots, its smart to do a test run with a few URLs at first, so you can look for issues.

If there are 100vh elemtnts, be sure to add custom CSS to give them a max height, otherwise they will be the full height of the screenshot.

Table of Contents

• Installation
• Development Installation
• Built With
• Todo list
• FAQ
• Authors
• Contributing
• Support
• License

Development

Download the prroject from Github

Want to edit the project?

Build Setup

Electron

# install dependencies
yarn
# or 
npm install

# serve with hot reload at localhost:8080
yarn electron:serve
# or 
npm run electron:serve

# build electron application for production
yarn electron:build
yarn electron:build -p always
yarn electron:build --mac --win -p always 
#or
npm run electron:build

Basic Vue.js

# install dependencies
yarn
# or 
npm install

# serve with hot reload at localhost:8080
yarn run serve
# or 
npm run dev

# build electron application for production
yarn run build
#or
npm run build

Todo list

• User interface
• App icon
• Node.js Puppeteer child process
• Create a loading animation while node script is running
• Local storage settings

Built With

• Vue CLI Plugin Electron Builder - Easily Build Your Vue.js App For Desktop With Electron
• Puppeteer - Puppeteer is a controllable Chrome browser this is what generates the screenshots
• Streamline Icons - Icon set

FAQ

• Does this project work?
  • Nope. Sadly it is stuck on running a Node.js Puppeteer script from Electron-vue. If that is fixed it will work like a charm.

Authors

mvaneijgen
github.com/mvaneijgen
Design & Development

See also the list of contributors who participated in this project.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

This project is licensed under the MIT License - see the LICENSE.md file for details