Features

Find out how to use visual regression tests with WebChangeDetector

Two Check Methods For Different Needs

}

Monitoring

Use Monitoring to check websites for changes automatically in intervals. We notify you when something changed and show you what changed

Manual Checks

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 mobileWe 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. 

Main Features

 

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.

N

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!