JavaScript生成mailto链接：PC端邮件正文Emoji显示异常问题

DevOps 小满

2026-7-16

解决mailto链接正文Emoji在Windows邮件应用中显示异常的问题

问题现象

通过JavaScript调用window.open打开mailto链接时，正文里的Emoji在Windows邮件应用中显示为带问号的矩形，但Mac端正常显示，且PC端主题行中的Emoji也能正常显示。示例代码如下：

window.open(`mailto:?subject=Hello&body=${encodeURIComponent('Hello 😁')}`)

问题原因

Windows邮件应用对mailto链接的subject和body字段处理逻辑不同：

subject字段会自动识别UTF-8编码，因此Emoji能正常显示；
body字段默认使用ISO-8859-1编码，无法解析UTF-8格式的Emoji字符，导致显示异常。

解决方法

将正文内容转换为quoted-printable格式，并明确指定UTF-8编码，让Windows邮件应用能正确解析Emoji。

实现代码

先编写一个函数将文本转换为quoted-printable格式：

function toQuotedPrintable(text) {
  const encoder = new TextEncoder();
  const bytes = encoder.encode(text);
  let result = '';
  
  for (const byte of bytes) {
    // 可打印ASCII字符直接保留，空格转成=20
    if (byte >= 32 && byte <= 126 && byte !== 61) {
      result += String.fromCharCode(byte);
    } else {
      result += `=${byte.toString(16).toUpperCase()}`;
    }
  }
  
  // 添加UTF-8编码声明
  return `=?UTF-8?Q?${result}?=`;
}

然后修改mailto链接的生成逻辑：

const subject = 'Hello 😁';
const body = 'Hello 😁 这是带Emoji的正文内容';

// 主题直接用encodeURIComponent，正文用quoted-printable转换
const mailtoLink = `mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(toQuotedPrintable(body))}`;
window.open(mailtoLink);