在浏览器中预置/查看 HTML 电子邮件,就好像它是 Outlook 一样

Pre/View a HTML Email in a browser as if it was Outlook

本文关键字:一样 Outlook 电子邮件 浏览器 HTML 查看      更新时间:2023-09-26

寻找一个项目,其中您有一个设计的电子邮件在HTML中,但使用您喜欢的浏览器,您想查看电子邮件的外观,就好像它在Outlook,GMail,Apple Mail,Hotmail等中查看一样。

这就是问题变成两部分的地方。

您知道在Chrome中您可以通过选择设备来预览页面吗?作为电子邮件模板的设计者,如果您可以在Chrome或Firework中执行相同的操作并使用扩展程序执行此操作,那就太好了。 有谁知道这样的插件/扩展。

现在回到主要问题。

我正在尝试做的是获取HTML电子邮件并在浏览器中预览,就好像它正在被电子邮件客户端查看一样。 有谁知道PHP库或(首选(JavaScript或jQuery库,它本质上会更改标签和css,让您了解电子邮件的外观,就像MS Outlook一样。

我知道有很多网站提供此功能,作为电子邮件营销等预览电子邮件功能的一部分。

但是,我正在尝试将此功能构建到无法使用这些站点的项目中。

任何想法??

您无法轻松模仿任何电子邮件客户端的预处理器。这些是专有的,不仅仅用于在渲染之前检查 HTML。这也是确保电子邮件安全的很大一部分。这些不会被分享,否则会有许多可疑的角色会利用这些信息来恶意。

替代方案(现在大多数测试站点都使用(是一项艰巨的任务。基本上,您需要在每个要测试的电子邮件客户端上创建一个帐户,然后拥有一个能够在每次想要测试时实时提取该帐户的设备,然后屏幕截图并发送到您希望收集它们的任何位置。

您不仅需要每个电子邮件客户端,还需要人们查看其网络邮件客户端的浏览器。 您可能会在每个测试中查看超过40 +不同的实例,但这仍然不全面(省略了许多不同的Android邮件选择的差异(。

每个电子邮件客户端都使用自己的预处理器和许多不同的渲染引擎,因为电子邮件没有像 Web 那样的标准。

除非您希望将其创建为一项业务,否则在 Litmus 或 Acid 上的电子邮件或类似的东西上购买帐户比建立自己的帐户更有效和高效。