Every audit tool, in one side panel
Inspect elements, pull colors and fonts, audit SEO, collect images and SVGs, debug tags, preview breakpoints, and generate GTM variables — the whole marketer's toolkit for assessing any website, without leaving the tab.
The tools you used to open five extensions for
Click any element for tag, classes, box model and full computed styles — DevTools-style, no DevTools.
Scan the full palette in use, plus a WCAG contrast checker with draw-on-page sampling.
Every font in use by tag, live font-swap, and a typographic-scale generator for h1–h6.
Heading outline with counts, a keyword counter with in-context matches, and meta/OG/canonical.
Grid every image with dimensions and bulk-download the ones you pick; preview and copy inline SVGs.
Outline overlay, real breakpoint emulation, URL & UTM breakdown, cookies, and Meta enhancement control.
Detect GTM, GA4, Google Ads and Meta Pixel IDs, then watch every hit fire live with full params.
Map product/CMS fields to stable selectors and generate paste-ready GTM variables.
Setting up conversion tracking usually means hunting selectors by hand. Inspector watches the field you point at, picks the most stable selector, and hands you paste-ready GTM code.
Scan the whole palette a page actually uses, then check any pairing against WCAG. Drag a box over the live page and the extension samples the region to auto-fill foreground and background — or run "scan failures" to list every text element that misses AA.
See every font in use by tag with usage counts, swap any font for a system or Google font in place, or pick a typographic ratio and generate a full h1–h6 scale to preview before you hand specs to a dev.
Reads live dataLayer, GTM and fbq objects to detect IDs, then captures analytics and pixel requests as they fire — GA4, Meta, Google Ads and UA, each expandable to full params.
Grid with natural dimensions, multi-select, bulk download — plus copyable inline SVG markup.
Emulates the viewport in place so real media queries fire — plus URL/UTM breakdown and cookies.
Everything auto-loads the moment you open it
Inspect
Click anything, understand everything.
- Continuous element picking — hover highlights, click locks in the selection, keep clicking to inspect more
- Full ancestry trail from the outermost parent down, each with its tag and #id.class selector
- DevTools-style nested box model (margin / border / padding / content) with per-edge values
- Computed typography and style: family, size, weight, line-height, letter-spacing, colors, radius, opacity
- Form context: when an element sits in a <form>, see the form's id, name, method, and action instantly
Creative
Colors, type, and assets in one place.
- Full-page color palette scan — every text, background, border, and SVG color in use, as a grid or list
- WCAG contrast checker with live preview, AA/AAA grid, draw-on-page region sampling, and a one-click scan for every failing text element
- Font audit: every tag × family × size × weight combo with usage counts — or click any text for its exact details
- Font swap previews: replace any detected font with a system or Google font, heading-only targeting included
- Typographic scale generator (Minor Second through Golden Ratio) applied live to h1–h6/p/a/li
- Asset grabber: image grid with natural dimensions and bulk download, plus copyable markup for every inline SVG
SEO
Audit content the way you'd present it.
- Heading outline with per-level counts — H1–H6 chips act as filters to isolate any level in document order
- Keyword counter: paste a keyword list, get whole-word counts (plurals included) sorted by frequency
- Per-tag keyword breakdown — see whether the phrase lives in your H1s or buried in paragraph copy
- CSV export of keyword results for client reporting
- Meta & social snapshot: description, OpenGraph, Twitter card, and canonical at a glance
Tags
A pixel debugger built for ad ops.
- Auto-detects Google Tag Manager, GA4, Universal Analytics, Google Ads, and Meta Pixel IDs from the live page
- Live event monitor: watch analytics and pixel hits fire in real time, with vendor, event name, and every parameter decoded
- GA4 batched payloads parsed one event per line; Meta tr params fully broken out
- The Pixel-Helper / Tag-Assistant workflow — in the same panel as the rest of your audit
Fields
GTM variables without a developer.
- Auto-detect product data from JSON-LD, microdata, and meta tags — name, price, SKU, brand, image
- Point-and-click custom fields: name it, click the element, get a stable CSS selector captured for you
- Typed outputs: String, Phone (E.164 and friends), Email, and Currency with $-and-comma stripping for value parameters
- Generates ready-to-paste GTM DOM Element and Custom JS variables — plus form-validation JS
- Resilient to duplicate-ID page builders (Elementor and friends) — generated scripts find the copy that actually holds the value
Tools
The utility belt.
- Breakpoint preview: emulate real devices (accurate dimensions and DPR) so actual media queries fire
- URL breakdown for the current tab or any pasted URL, with every query parameter split out and UTMs flagged
- Cookie viewer for the inspected site
- Outline-every-element toggle for hunting overflow and horizontal-scroll bugs
Spotlight: Meta Ads enhancement control beta
Meta auto-enrolls ads into "enhancements" — overlays, image expansion, relevant comments, multi-advertiser placements — that change how your creative shows up. Site Inspector connects to the Marketing API with one Facebook sign-in, scans every active ad in an account, and shows exactly which enhancements are on, ad by ad, with the friendly Ads Manager label next to each raw API key. Check the ones you want gone and disable them across the whole account or a hand-picked subset. Advantage+ audience is never touched, and anything you leave unchecked keeps its current state.
What's shipped — and what's coming
Every release, tab by version. The Upcoming section is where we post fixes and features in progress — before they go live on the Chrome Web Store.
What we're building next — posted here as we work, before it ships to the Chrome Web Store.
Nothing in flight right now — fixes and features in progress will show up here before they ship to the Chrome Web Store.
- Rebranded to Marketing Toolkit Site Inspector, with a new [MTK] app icon.
- Redesigned side panel on the MTK design system — a full light/dark theme and the Inter typeface throughout.
- Tags tab — a marketing-tag debugger: detect GTM, GA4, Universal Analytics, Google Ads, and Meta Pixel IDs, and watch events fire live with full parameter breakdowns.
- Meta Ads enhancement control (beta) — connect your Meta account, scan active ads for auto-enabled enhancements, and disable them in bulk or per ad.
- Creative tab — Colors, Type, and Assets merged into one workspace with a segmented switcher.
- Settings tab with a full Light Mode, saved per browser.
- GTM Fields upgrades — Currency field type, typed outputs with normalization, form-completion validation JS, and Custom JS variables named after the field.
- Keyword counter — per-tag breakdowns, plural matching, and one-tap CSV export.
- Clickable H1–H6 heading filters, plus a grid/list toggle for the color palette.
- Richer Inspect — element ancestry with selectors, name/type/role attributes, and parent-form context.
- Keyword counter no longer counts a keyword inside a larger word (e.g. “sc” in “discounted”).
- Filled form fields no longer read as blank on pages with duplicate element IDs (Elementor copies, popups).
- Cleared a stray blue “selected text” highlight across the Inspect panel.
- “Connect Meta account” now always gives feedback and recovers from an expired session instead of silently failing.
- Initial public release — Inspect, Colors, Type, SEO, Assets, Tools, and GTM Fields, all in one Chrome side panel.