怎样测试html编写的EDM邮件是否正常

用html写了个邮件,准备发送到自己的邮箱进行测试。 但是不知道撰写邮件的时候如何把这html的内容贴进去,有测试的方法吗?

难道必须要自己写个邮件发送来测试吗,不能在 Gmail 或者客户端里发这样的邮件吗?

阅读 13.7k
4 个回答

以qq邮箱为例,发信时的编辑框切换到<html>模式就行了,查看效果时再切回可视化编辑就能看到效果,连发送都不需要。

写 html 的 EDM,最靠谱的方法还是给自己发几封测试邮件,要包括目标客户主流的邮箱(比如 qq、gmail),要在主流的客户端打开(比如 Outlook、OS X Mail),还要在主流的手机上也看一下。

EDM 需要这么麻烦是因为各个 web 或客户端都有细微差距,原来我自己就猜过坑,要想达到最好的效果就得自己多测试,保证万无一失。

为了尽可能保证兼容性,写 html 时有几个 tip 可以注意(不全,只是一些基本的):

  • 不能使用 <div> 标签,不能写独立的 <style>,样式方面不能使用 floatbackgroun d-image。总之,回到 web 1.0 时代的 html 就对了。
  • 排版只能使用 <table>,插入图片只能使用 <img>
  • 不要依赖于流式布局,字体大小、行间距等都有可能在不同平台上显示不同,尽量使用指定了高度的 <td> 来保证位置正确。
  • 尽量用图片,而不要用文字,特别不要用带字体的文字,很少有文字是又美观又存在于所有可能的平台。

我给楼上增加一点:

  • 图片的alt需要有部分文字;
  • 表格中的图片需要加上style="vertical-align:bottom"这样表格之间不会出现断层;
  • 尽量不要用大的表格中放很多小表格来排版,更不能从头到尾一个表格;
  • 图片切的碎点,客户端加载会流畅些,不要怕多加链接
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题