Javascript 如何找到''；Outlook兼容邮件设计器工具“；

我需要通过使用html、嵌入式css、javascript和一些js库来设计一个响应性html时事通讯邮件

现在，我知道outlook客户端是一个噩梦，我必须使用

而不是

和

而不是

，等等。为了响应性设计，一旦你更换了它，它就与gmail、yahoo或mobile不兼容。所以我意识到我可以使用outlook特定的css代码片段，根据，它如下所示：

<!--[if gte mso 9]>
    <style type="text/css">
    /* Your Outlook-specific CSS goes here. */
    </style>
<![endif]-->

我无法跟踪所有设备的所有html元素，因此我免费寻找了一个html邮件设计器工具，但运气不佳。我应该走什么样的道路？我只是想用这样一个工具把这些废话自动化

---

谢谢

首先，您不应该在电子邮件中使用Javascript。Webmail客户端大多在JavaScript中运行界面，并且不喜欢你的电子邮件干扰它，桌面客户端过滤器通常认为JavaScript是垃圾邮件或钓鱼邮件的指示器。p> 即使在它可能运行的情况下，在电子邮件中编写脚本也没有什么好处。将电子邮件保持为纯HTML和CSS格式，避免麻烦

就Outlook开发而言，无需跟踪所有设备的所有元素。以一种流畅的方式构建电子邮件，它将在电子邮件客户端（是的，甚至是Outlook）中优雅地降级

从这篇文章开始：

使用他们提供的电子邮件模板作为起始模板，并添加您自己的自定义样式将所有样式放在头部并在发送模板之前内联模板

基本上，该模板适用于所有主要客户机。它也可以在Outlook中工作，方法是将主体包装在条件标记中：

 <!--[if (gte mso 9)|(IE)]>
  <table width="600" align="center" style="border-spacing:0;font-family: Arial, Helvetica, sans-serif;color:#4d4d4d;" >
  <tr>
  <td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
  <![endif]-->

[HTML EMAIL BODY GOES HERE]

 <!--[if (gte mso 9)|(IE)]>
  </td>
  </tr>
  </table>
  <![endif]-->

不起作用，您需要写：

li {padding-left: 2px !important;}

仔细检查正在输出的代码。。一些ESP还添加了！重要的是，即使你已经拥有了它，那么你也可能最终拥有它！重要的重要的是，这意味着他们不会工作

但同样，在采用流体方法时，无需跟踪每个元素。Outlook条件标记中没有那么多样式。最有可能的情况是，您将只有以下内容：

 <!--[if (gte mso 9)|(IE)]>
<style type="text/css">
    table {border-collapse: collapse !important;}
</style>
<![endif]-->

还有我上面提到的条件标记中的其他HTML。好好看看我上面链接的模板。您可以通过复制和粘贴表格行来移动布局，以自定义布局以满足您的需要

---

我在日常工作中每天编写HTML电子邮件，如果您有任何具体问题，请联系我。

谢谢@Mia。你解释得很好。实际上，我只是删除了我不需要的脚本代码。看来我要处理这些mso的一段时间了。我现在遵循你提到的流体设计图茨。如果我能处理这个问题，我将开始尝试解决垃圾邮件问题。你能告诉我你如何测试所有outlook客户端（从“mso 9”到“mso 15”）的电子邮件吗？设置虚拟机并在其上运行？或者使用像litmus这样的付费服务预览最终用户的设计？我使用litmus:和Return Path:来测试我的所有电子邮件。我更喜欢Litmus，因为您可以直接在Litmus中生成电子邮件，并且电子邮件预览的生成速度比返回路径快得多。我看到您删除了以前的邮件，但我查看了您的代码，看起来您没有内联您的样式。另外，您使用的条件标记应该从以下内容开始：感谢您的关注，我只是认为您查看代码是荒谬的。不过还是要谢谢你。我测试了mso版本的任何一种方法，结果都是一样的。不知何故，那些条件css代码不起作用，这实际上让我感到困惑。但在整个过程中，总会出现一些问题。所以昨天我找到了mailchimp从头开始设计的功能，我在outlook 2013中进行了测试，它工作得非常好，甚至很负责任。但首先，我要立即将所有css重新排序为内联形式。我意识到邮件发展是另一个世界。

<!--[if mso]>
<style></style>
<![endif]-->

li {padding-left: 2px!important;}

li {padding-left: 2px !important;}

 <!--[if (gte mso 9)|(IE)]>
<style type="text/css">
    table {border-collapse: collapse !important;}
</style>
<![endif]-->