3

我正在处理一个 HTML 电子邮件模板,我注意到我在浏览器中获得的预览与我在电子邮件收件箱中真正获得的有点不同。就像有时您可能会在浏览器中让两个表格相互对齐,但在您收到的电子邮件中,它们可能不再对齐并且存在一些小的差异。

所以我只想知道是否有可能使浏览器中预览的html电子邮件与您在收件箱中得到的完全一样。我知道这肯定与每个单独的电子邮件服务提供商有关,它们有自己的默认 css 或类似电子邮件的东西,以及您正在使用的浏览器和操作系统。但是,是否有可能确保至少在一种电子邮件服务(例如 gmail)中,无论您使用什么浏览器或操作系统,每次预览的内容都是您在收件箱中收到的内容?有多难?

4

2 回答 2

5

简要回答您的问题:

不,我认为不可能在浏览器中预览 HTML 电子邮件并让它显示为好像在特定电子邮件客户端(例如 Microsoft Outlook 或 Gmail)中呈现。虽然这不是一个解决方案,但我能想到的最类似的功能是能够在 Google Chrome 的开发人员工具中使用另一个 Web 浏览器的用户代理

更新(2013 年 5 月 31 日):以下内容也可作为处理 HTML 电子邮件的有用指南。

  1. http://rodriguezcommaj.com/blog/The-Little-Guide-To-HTML-Email

  2. http://rodriguezcommaj.com/modern-html-email

包含上下文和有用资源的更详细答案:

这是一个非常具有挑战性且经常令人沮丧的问题。它在很大程度上类似于 Web 开发人员不断处理的跨浏览器兼容性问题。但是,有一些主要区别:

  • 虽然主流浏览器只有五个多一点,但流行的电子邮件客户端却有 20 多个。

  • 此外,W3C 极大地帮助浏览器实现了自身的标准化。这个过程一直很慢,但比迄今为止在电子邮件客户端中看到的任何标准化都快得多。

例如,本文讨论了 2007 年电子邮件客户端标准化的重大挫折,该挫折至今仍影响着我们。它还简洁地总结了这个问题:

“当 IE 团队使用新的、更兼容的 Internet Explorer 7 来抚慰各地 Web 开发人员的折磨时,Office 团队推出了一个快速的,淘汰了 Outlook 一直用于电子邮件的基于 IE 的渲染引擎,并替换它与...鼓声请... Microsoft Word”。

上述文章还提到了微软提供的一个工具:2007 Office System Tool: Outlook HTML and CSS Validator。Microsoft 还提供了以下文档来帮助设计人员和开发人员完成支持 Outlook 较差的标准支持的任务:

Outlook 2007 第 1 部分中的
Word 2007 HTML 和 CSS 呈现功能 Outlook 2007 第 2 部分中的 Word 2007 HTML 和 CSS 呈现功能

除了将测试 HTML 电子邮件发送到您自己的电子邮件客户端(基于 Web 或桌面)之外,测试几乎所有流行电子邮件客户端的最佳方法是使用以下电子邮件服务之一。每个都提供在大约 20 个左右的电子邮件客户端中预览电子邮件模板的能力。没有特别的顺序,它们是:

GetResponse
Litmus
Mail Chimp
Campaign Monitor
关于酸的电子邮件

如果您正在寻找免费选项,Premailer可以通过简单地去除标签来提供预览,因为大多数电子邮件客户端的 CSS 支持有限。据我所知,例如,Gmail 完全去掉了内联和外部引用的 CSS。

此外,如果您想知道哪些客户拥有最多的市场份额,这里有两个快速估计:

Litmus 电子邮件客户端统计
活动监视器电子邮件客户端统计

祝你好运,我希望这会有所帮助!

于 2012-12-12T07:30:27.357 回答
0

我见过强大的 MailChimp 模板,它们基本上只是 1998 年风格的文档,里面充满了表格元素。标记很丑陋,但它们有效。只需握住鼻子并使用桌子。至少对于电子邮件来说,编写语义上有意义的标记没有那么大的压力。

于 2014-09-30T22:25:33.253 回答