为什么 hotmail 不显示此 html 电子邮件的正文？答案

【问题标题】：Why hotmail don't show the body of this html email?为什么 hotmail 不显示此 html 电子邮件的正文？
【发布时间】：2012-05-16 07:01:43
【问题描述】：

我通过 codeigniter 发送电子邮件，hotmail 收件人收到一封看似空的电子邮件。

但如果你显示出来源，身体是完整的：

    x-store-info:sbevkl2QZR7OXo7WID5ZcdV2tiiWGqTnL8LqRHZDpO1a6RfqJUb9Bvk56X3BJKAg6cjaVhmE0UEtHLPiBFT8cnf1LZrSPERjUEe8skwDm3KAgvehRwVK6+cJhj4xrCbMEtL9MZV6cCY=
Authentication-Results: hotmail.com; sender-id=pass (sender IP is 89.31.151.18) header.from=webmaster@biocoupons.fr; dkim=none header.d=biocoupons.fr; x-hmca=pass
X-SID-PRA: webmaster@biocoupons.fr
X-DKIM-Result: None
X-Message-Status: n:0:n
X-SID-Result: Pass
X-AUTH-Result: PASS
X-Message-Delivery: Vj0xLjE7dXM9MDtsPTA7YT0wO0Q9MTtHRD0xO1NDTD0w
X-Message-Info: NhFq/7gR1vRbK5wwd2CCPiz2FoG/apC9Nlwn9QDQUkFtCAY0+3pBZaTO9tRcEil5WQ1UlFPTmVO6YI0VFRvEqJtfBxGnyrZjARsdKFYGzasctOU2tO5XGDWuESbcCr0Hq4XO6B1tyQE=
Received: from brunetprod.nexen.net ([89.31.151.18]) by SNT0-MC3-F43.Snt0.hotmail.com with Microsoft SMTPSVC(6.0.3790.4900);
     Tue, 15 May 2012 23:44:54 -0700
Received: by brunetprod.nexen.net (Postfix, from userid 33)
    id 9DB1030C00A; Wed, 16 May 2012 08:44:53 +0200 (CEST)
To: ecolehaiti@live.fr
Subject: =?utf-8?Q?Vous_avez_oubli=c3=a9_votre_mot_de_passe_sur_Bio_Coupons=3f?=
X-PHP-Script: www.biocoupons.fr/index.php/auth/forgot_password for 81.56.219.94
User-Agent: CodeIgniter
Date: Wed, 16 May 2012 08:44:53 +0200
From: "Bio Coupons" <webmaster@biocoupons.fr>
Reply-To: "Bio Coupons" <webmaster@biocoupons.fr>
X-Sender: webmaster@biocoupons.fr
X-Mailer: CodeIgniter
X-Priority: 3 (Normal)
Message-ID: <4fb34ce591593@biocoupons.fr>
Mime-Version: 1.0
Content-Type: multipart/alternative; boundary="B_ALT_4fb34ce59161d"
Return-Path: webmaster@biocoupons.fr
X-OriginalArrivalTime: 16 May 2012 06:44:54.0956 (UTC) FILETIME=[671596C0:01CD332F]

This is a multi-part message in MIME format.
Your email application may not support this format.

--B_ALT_4fb34ce59161d
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: 8bit

Bonjour,

Vous avez perdu votre mot de passe ? Pas de panique. 
Pour crÃ©er un nouveau mot de passe, cliquez sur le lien suivant :

http://www.biocoupons.fr/auth/reset_password/
Vous recevez cet email Ã  la demande d'un utilisateur de Bio Coupons . C'est
une Ã©tape de la crÃ©ation d'un nouveau mot de passe sur le site. Si vous
N'AVEZ PAS demandÃ© un nouveau mot de passe, merci d'ignorer cet email, et
votre mot de passe restera inchangÃ©.

Merci,
L'Ã©quipe Bio Coupons


--B_ALT_4fb34ce59161d
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable

<html>
<head><title>CrÃ©ation d'un nouveau mot de passe sur Bio Coupons</title></h=
ead>
<body>
<div style=3D"max-width: 800px; margin: 0; padding: 30px 0;">
<table width=3D"80%" border=3D"0" cellpadding=3D"0" cellspacing=3D"0">
<tr>
<td width=3D"5%"></td>
<td align=3D"left" width=3D"95%" style=3D"font: 13px/18px Arial, Helvetica,=
 sans-serif;">
<h2 style=3D"font: normal 20px/23px Arial, Helvetica, sans-serif; margin: 0=
; padding: 0 0 18px; color: black;">CrÃ©er un nouveau mot de passe</h2>
Vous avez perdu votre mot de passe ? Pas de panique. <br />
Pour crÃ©er un nouveau mot de passe, cliquez sur le lien suivant :<br />
<br />
<big style=3D"font: 16px/18px Arial, Helvetica, sans-serif;"><b><a href=3D"=
http://www.biocoupons.fr/auth/reset_password/" style=3D"color: #3366cc;">CrÃ©er un nouveau mot de passe</a></b></=
big><br />
<br />
Le lien ne marche pas ? Copiez le lien suivant dans la barre d'adresse de v=
otre navigateur :<br />
<nobr><a href=3D"http://www.biocoupons.fr/auth/reset_password/" style=3D"color: #3366cc;">http://www.biocoupons.f=
r/auth/reset_password/</a></nobr><br /=
>
<br />
<br />
Vous recevez cet email Ã  la demande d'un utilisateur de <a href=3D"http://=
www.biocoupons.fr/" style=3D"color: #3366cc;">Bio Coupons</a>. C'est une Ã©=
tape de la crÃ©ation d'un nouveau mot de passe sur le site. Si vous N'AVEZ =
PAS demandÃ© un nouveau mot de passe, merci d'ignorer cet email, et votre m=
ot de passe restera inchangÃ©.<br />
<br />
<br />
Merci,<br />
L'Ã©quipe Bio Coupons</td>
</tr>
</table>
</div>
</body>
</html>

--B_ALT_4fb34ce59161d--

另一个邮件程序显示电子邮件正常。我尝试使用和不使用 doctype。

呈现的 HTML：

    <div id="mpf0_readMsgBodyContainer" class="ReadMsgBody" onclick="return Control.invoke('MessagePartBody','_onBodyClick',event,event);">
        <div class="SandboxScopeClass ExternalClass" id="mpf0_MsgContainer"></div>

以及正确电子邮件的呈现 html（文本）

    <div id="mpf0_readMsgBodyContainer" class="ReadMsgBody" onclick="return Control.invoke('MessagePartBody','_onBodyClick',event,event);">
    <div class="SandboxScopeClass ExternalClass PlainTextMessageBody ContentFiltered" id="mpf0_MsgContainer">
        <pre>Bonjour,<br>Vous venez de vous inscrire à Bio Coupons et nous vous en remercions.<br> 
        </pre>
    </div>
</div>

如您所见，消息体 div 根本没有填充。我怀疑是 javascript 问题，但为什么它会出现在我的电子邮件中？感谢您的帮助

【问题讨论】：

您能否包含来自 Hotmail 页面的呈现 HTML。如果您查看呈现的 HTML，您的原始 HTML 中的问题可能会更加明显。
我通过网络检查器找到了 HTML。但如你所见，它似乎是空的
我已经通过motobit.com/util/quoted-printable-decoder.asp 运行它，HTML 乍一看还可以，并且在 chrome 中呈现正常。一个建议是尝试删除样式信息以查看是否有任何效果，如果没有，则返回基础并将 HTML 减少到一个元素，例如一个带有一些文本的 DIV 并一次构建一个元素，以查看问题出现在哪里并停止渲染。
我想这是唯一的解决方案。我希望 hotmail 存在一些已知问题...（我知道：hotmail 存在很多已知问题；+）

标签： html-email hotmail

【解决方案1】：

它只是在 html 代码的顶部缺少一个新行。即：

--B_ALT_4fb34ce59161d
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable


<html>
...

而不是

--B_ALT_4fb34ce59161d
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable

<html>
...

很好奇，不是吗？

【讨论】：

我很幸运能找到它，因为我从来没有想过要测试它，但是在我一个接一个地删除每个标签的过程中，我曾经留下了一个空白行。我首先认为修复来自我刚刚删除的标签，但是当我再次尝试不留下空白行时，它不起作用！所以通过比较两封电子邮件，我看到工作邮件中添加的空白行......谁负责这个hotmail废话？不要告诉我...它以“m”开头...

【解决方案2】：

我们在 Web 应用程序中遇到了这个问题，我发现 CSS cmets 是我们环境中的罪魁祸首。在尝试上述解决方案均未成功后，我开始逐行、逐节剖析我们的 HTML 模板。

在我们的环境中，我们使用 PreMailer.net (https://github.com/milkshakesoftware/PreMailer.Net) 从普通样式表中内联我们的 CSS 样式，并通过部分将其注入 HTML 电子邮件模板。在那些部分 CSS 文件中，有 CSS cmets。当我删除这些邮件时，Outlook.com 网络客户端（它还为@hotmail 和@live 帐户提供邮件服务）中正确呈现了电子邮件。

在我们的应用程序中，我将 CSS cmets 从 /* */ 更改为服务器端 cmets @* *@（我们正在为我们的 .NET MVC 4 应用程序使用 razor 语法），这样就成功了。

【讨论】：

刚刚遇到这个问题 - 原来是由包含 HTML 的 CSS 注释引起的。在这种情况下，其余的 CSS cmets 不会导致问题。