你可以检查outlook中的元素吗？答案

【问题标题】：Can you inspect elements in outlook?你可以检查outlook中的元素吗？
【发布时间】：2021-12-09 08:14:11
【问题描述】：

我正在开发 HTML 电子邮件，难怪让它在 Outlook 上表现出色是一项艰巨的挑战。有什么方法可以像我们通常在浏览器控制台上那样检查 Outlook 上的元素？

【问题讨论】：

【解决方案1】：

最好的方法是使用 Litmus 或 Email on Acid 之类的工具。您可以将代码发送到许多不同的环境，然后获取屏幕截图以及生成的代码。

在 Litmus 中，在一封电子邮件中，您转到 Builder -> 电子邮件预览 -> Outlook 预览 -> 查看已处理的 HTML。它会给你一个渲染和最终代码。

虽然您可以在 Outlook 中查看源代码（请参阅 PaulS 的回答：打开电子邮件（双击）> 操作 > 其他操作 > 查看源代码），但它会为您提供您已经拥有的源代码。要获取渲染代码，您可以将电子邮件转发给自己，然后查看源代码。顶部会有一点额外内容，但本质上应该是翻译后的 HTML。

然后，一旦你有了代码，你就可以将它复制到一个新的 HTML 文件中，然后在 Chrome/FF/你的浏览器中打开它。

但是，这并不是特别有用。这是针对高级用例的。如果您坚持使用简单的表格和内联 CSS，而忽略 HTML5 和 CSS3，那么您将是非常正确的。

【讨论】：

【解决方案2】：

在 Microsoft Outlook 中，双击打开电子邮件。您将在“消息”选项卡下看到“操作”菜单。单击该菜单并选择“其他操作”，然后单击“查看源代码”以查看 HTML 代码。

【讨论】：

【解决方案3】：

简单的答案，不。有一些方法可以使用@PaulS 详细的步骤来获取源代码。

我还会考虑阅读“Outlook 代码操作指南”文章。那里有很多，它们会让您了解可以在哪里添加仅 Outlook 代码以使您的布局像在其他电子邮件客户端中一样工作，或者只是学习如何调整/调整您的代码以在任何地方工作。

【讨论】：