Find out how to use visual regression tests with WebChangeDetector
Two Check Methods For Different Needs
Use Monitoring to check websites for changes automatically in intervals. We notify you when something changed and show you what changed
Check your website after installing updates or making other changes. Don’t waste your time checking the website. We show you what changed.
How it works
1. We automatically take screenshots
Select the pages you want to check, select the screensizes desktop and / or mobile. We will take the screenshots automatically.
2. We wait
We wait 15min up to 24h. You can set the interval how often you want us to check your selected pages.
3. Compare Screenshot
We automatically take another screenshot and compare it with the previous one.
4. Change Detection
If we detected a difference, you will get an email from us. Now you can check the compare image with all differences highlighted.
How it works
1. Take pre-update screenshots
Select the pages you want to check, select the screensizes desktop and / or mobile and hit the button to take the screenshots.
2. Work on your website
Now you can work on your website. We keep quite and wait until you are ready.
3. Take post-update screenshots
When you are done with your work, just hit one button to take the compare screenshots.
4. Change Detection
We compare the screenshots before and after your work and show you all differences highlighted in a compare image.
Check Multiple Websites
Keep overview of your websites and their URLs in groups. A group can be URLs from different websites or all URLs of one website. Start and stop monitoring or manual check with one click for all.
Check Mobile And Desktop
Select for each page the device for your change detection. You can choose between mobile and desktop – and both of course. Make sure your website looks good on the phone too.
The Change Image
With every change detection we create a new picture and highlight the changes. You will see at a glance where the differences are. To avoid false alarms,
Hide Banners And Ads
We hide cookie banners and ads before we take the screenshots. Cookie banners overlay the content, which might have changed. And ads most likely change with every screenshot. This way we avoid false alarms.
Verify Changes After Fixes
After an installing updates and using the update change detection, something on the website might have broken. After reviewing the change detection image and fixing the website, you can take another compare screenshot. We compare it with the screenshot before installing the updates. Now you see if your fixes worked in new change detections.
CSS Before Screenshot
Do you have dynamic content like sliders or related posts, which change dynamically? Hide them for the screenshot via CSS. You can inject any CSS you want before we take the screenshots. This way you can lower false alarms.
Change Detection Link
Every change detection has a public link to the change detection. You can share this link for e.g. with your webdesigner who can see the change detection without login to your WebChangeDetector account. Your designer can check the differences and make fixes on your website.
Alert Email On Changes
When there is a change on a website, the auto change detections sends an alert email to email addresses you can define. It tells you how many percent changed and with one click on the link in the email, you can see the change detection.
Change Detection Filters
Over the time there might be many change detections and it will be hard to find the one you are looking for. Using filters help you to keep the overview and only show you the ones you are looking for.
Start for free
Create a free account and test Webchangedetector for 7 days with 1,000 screenshots for free!