Detect whether a site or page is built with Wagtail.
You can run the detection with:
- The online website, detect-wagtail.netlify.app.
- A bookmarklet, also available from detect-wagtail.netlify.app.
- A browser extension thanks to Wappalyzer.
- A Node CLI, also thanks to Wappalyzer.
- As an npm package for more custom needs, detect-wagtail
const { detectWagtail, renditions } = require('detect-wagtail');
// Example HTML string that may contain Wagtail image renditions
const htmlContent = `<div><img src="/media/images/example.fill-300.jpg"></div>`;
// Use the default strict pattern to check for Wagtail markup
if (detectWagtail(htmlContent)) {
console.log('Wagtail detected!');
}The renditions object also directly exposes 5 regular expressions depending on how strict or lax the matching should be:
strict: Optimized for real-world relevance, minimizing false positives.less_strict_but_long: A bit looser than strict, capturing additional cases.strictest: Very specific matching with no avoidable false positives.lax: Looser matching that may yield more false positives.laxest: The most lenient pattern based solely on rendition suffixes or the original_images folder.
if (renditions.lax.test(htmlContent)) {
console.log('Detected potential Wagtail markup (using lax matching).');
}Full read: Detecting Wagtail in the wild.
This uses regular expressions to check whether images on the page match a predetermined pattern:
We also check whether the rich text content on the page matches how Wagtail stores this data.
There can be false positives with such simple checks, but they have the benefit of working regardless of whether the target site is directly served by Wagtail, or if Wagtail is used as a headless CMS.
- Detecting Wagtail in the wild
- Wappalyzer
- WhatCMS.org
- detect-django-version
- Use consistent heuristics to tell if a site is made with Wagtail
git clone git@github.com:thibaudcolas/detect-wagtail.git
cd detect-wagtail
nvm use
npm install
npm run test
npm install netlify-cli -g
netlify dev