Email DevTools – HTML Email Check

Interactive email inspection.

Our Email DevTools is a dedicated inspection and debugging workspace for HTML email. It renders your message in an isolated frame and exposes a live DOM picker, breadcrumbs, raw-HTML extraction, attribute table, computed styles, and a box-model readout. Quickly toggle desktop/tablet/mobile widths to verify structure and spacing, and inspect image metadata to catch heavy assets or mismatched dimensions early.

Beyond core inspection, it adds email-specific analysis. Content / Preheader Preview extracts the inbox preheader and shows its source to validate truncation and hidden text. CSS Safety Check flags risky or inconsistently supported patterns (e.g., absolute positioning, filters, background-image without a color fallback, dark-mode selectors) and steers you toward reliable alternatives.

Targeted email checks.

Outlook’s quirks are handled directly. Outlook Conditions Check parses conditional comments and VML, summarizing what Outlook will show or hide so you can confirm fallbacks. Email Tools also highlight layout tables and simulate image blocking, revealing layout dependence on images and whether alt text and dimensions preserve structure.

DevTools tightens usability and accessibility. The Accessibility Check surfaces role, aria-label, title, and alt for the selected element to expose missing semantics. Email Hints provide contextual, element-aware recommendations (e.g., add image dimensions, avoid javascript: URLs, mark tables as presentational), turning trial-and-error into a predictable, standards-aligned workflow.

Technical highlights and capabilities.

Inspects emails in a sandboxed iframe with switchable desktop, tablet, and mobile widths.
Highlights table structures and simulates image blocking to test fallback copy and layout.
Extracts and displays the first-view preheader content with source context.
Detects and summarizes Outlook conditional comments and VML usage.
Flags risky CSS patterns and client-specific pitfalls (e.g., Outlook/Word engine constraints).
Exposes element attributes, computed styles, and a box-model readout for precise debugging.
Surfaces accessibility signals (alt, title, role, aria-label) on the selected element.
Provides in-context optimization hints and one-click copy of the selected node’s HTML.

Email-specific DevTools for developers that
surface what matters for production-ready emails.
Optimize your workflow by creating, inspecting, and validating your emails.

Interactive email inspection.

Targeted email checks.

Technical highlights and capabilities.

Ready to take the next step?

Email-specific DevTools for developers thatsurface what matters for production-ready emails.Optimize your workflow by creating, inspecting, and validating your emails.

Interactive email inspection.

Targeted email checks.

Technical highlights and capabilities.

Ready to take the next step?

Email-specific DevTools for developers that
surface what matters for production-ready emails.
Optimize your workflow by creating, inspecting, and validating your emails.