检查邮件 HTML/CSS 兼容性

粘贴邮件的完整 HTML(含样式):该工具通过静态分析,检测在 Outlook、Gmail 或其他邮件客户端中已知表现不佳的 CSS 属性和标签,并列出发送前需要检查的要点。

示例:

工作原理

该工具会在您的 HTML 代码中查找已知会在主流邮件客户端中引发问题的模式:桌面版 Outlook 使用的 Word 渲染引擎不支持的现代 CSS 属性(flexbox、grid、position fixed)、始终被拦截的交互式标签(<script>、<iframe>、<video>),以及在不同客户端中表现不一致的高风险写法(@media、CSS 背景图片、非内联样式)。每项检测结果分为“阻断”(很可能渲染出错)或“警告”(可能出现降级,但并非必然),并说明涉及的客户端。

按此工具判定“干净”的邮件,在所有地方都能完美显示吗?

不能绝对保证:该分析是静态的,涵盖最广为人知且有据可查的陷阱(尤其参考了 Can I Email 等资源),但它无法取代通过邮件测试服务在主流客户端(Outlook、Gmail、Apple Mail、Yahoo)上进行的真实测试。它只是快速的初步筛查,而不是完全兼容的认证。

为什么邮件仍然推荐使用 HTML 表格?

与常规网页不同,使用 <table> 布局仍是邮件中最可靠的方法,因为长期以来所有客户端(包括 Outlook)对它的支持都很一致,而 flexbox、grid 等现代 CSS 技术的支持情况仍参差不齐。

您的邮件代码不会发送到任何服务器:分析完全在您的浏览器中运行。