WebCompare is an Electron app that streamlines the process of tracking website changes. It grabs screenshots so you can compare them with past versions. Ideal for web developers, QA engineers, and content managers, it ensures updates haven't caused any issues.
- Screenshot Capture: Grab screenshots of specified websites.
- Algorithmic Comparison: Compare the latest screenshots with a previous set using pixelmatch.
- Cross-Platform Support: Works on Windows, macOS, and Linux.
- Change Detection: Highlight differences and detect changes or breaks on the site.
- Scheduled Screenshot Capture: Periodically capture a set of screenshots.
- Flexible Scheduling: Set up periodic captures to keep track of changes over time.
- Notification System: Receive alerts when significant changes are detected.
Before you begin, ensure you have the following installed:
- Clone the repository:
git clone https://github.com/adam-tibbetts/WebCompare.git- Navigate to the project directory:
cd WebCompare- Install the dependencies:
npm install- Start the application:
npm start- Open the application.
- Enter the URL of the website you want to monitor, and how many links to recursively follow.
- Hit Generate URL List
- Select which URLs you'd like to capture
- Start crawling.
- In the Compare Versions section, select the two tabs you'd like to compare
- Hit Highlight Differences
To build the application for production, run the following command:
npm run makeThis will generate a distributable version of the app for your platform.
Feel free! Though be aware the app is changing rapidly, as it's very, very new.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the GPLv3 license. See LICENSE for more information.
Adam Tibbetts - [email protected]
Project Link: https://github.com/adam-tibbetts/WebCompare