java 发送邮件 css-style 款式丢掉紊乱问题,有解决方案
邮件系列
java 发送邮件 css-style 款式丢掉紊乱问题,有解决方案
java 发送邮件-04-java 邮件发送 http 接口怎么界说?
开源项目
前语
咱们好,我是老马。
咱们日常开发,关于邮件发送应该能不生疏。本系列就让咱们一同学习一下邮件相关的内容。
问题描绘
运用 email 发送邮件时,发现一切的 css 款式丢掉。
感觉有些古怪,看了下邮件设置也是 html 格局。
后来一想就知道原因了,其实邮箱也是根据 css 显现的,假如邮件内容有大局格局,肯定会导致显现,乃至安全问题。
所以去查了下相关原因,而且记载下自己的解决方案。
问题原因
运用java发送html到qq邮箱后,发现选用“外部款式表”的css都没有
外部款式表:
<link rel="stylesheet" type="text/css" href="css/my.css">
估测邮箱是从出于安全战略(估测是避免CSRF跨站恳求假造)才会过滤掉外部引证的,为了绕过这个阻拦,改为运用“内部款式表”写法
<head>
<style type="text/css">
</style>
</head>
发送后qq邮箱能够了,可是126邮箱不可,126邮箱比qq邮箱更严厉,竟然把style标签里的内容悉数过滤掉了,这说明不同的邮箱过滤战略不一样。
那大企业发的邮件,为啥款式都显现正常?
为了一探终究就找了领英的邮件看了看,发现它将款式都写在标签了,也便是“内联式”写法。
发送邮件的邮件内容,能够去掉head、body,只留需求的部分,由于,邮箱会过滤head、body,并将这个两个标签的款式悉数过滤掉,所以发送html邮件时,直接上内容就好,比方
<div style="background-image: url('http://domain:port/a.png');font-size:14px;">
<h1 style="text-align: center;">邮件标题</h1>
<p>邮件内容</p>
</div>
内嵌式格局解决方案
这种咱们当然不可能一个个手动去改,这样就太笨了。
相似的结构网上比较多,CssToInlineStyles-PHP 和 juice-JS。
假如你有需求,能够考虑运用契合自己言语的,比方 java。
此处我仅仅简略运用下,所以选用了网页版别 网页版-juice。
发送转化后的 html,发现显现正常。
开源结构
email 发送
css
Juice inlines CSS stylesheets into your HTML source.