如何在浏览器端实现发信并支持唤起outlook.com等在线邮箱服务

可通过兼容本地mailto协议和在线邮箱参数透传的方式覆盖两类用户场景，无需额外依赖或授权即可实现自动填充邮件内容的需求：

核心实现逻辑 #

• 对安装了本地邮件客户端的用户：通过标准mailto协议唤起客户端自动填充内容
• 对未安装本地客户端的用户：提供Outlook在线发信入口，通过URL参数透传自动填充outlook.com的发信页内容

代码实现示例 #

首先统一构造邮件参数，所有参数需提前做URL编码处理：

// 构造邮件参数
const mailConfig = {
  to: 'target@example.com', // 收件人
  cc: 'cc@example.com', // 抄送人，非必填
  bcc: 'bcc@example.com', // 密送人，非必填
  subject: '预设邮件主题', // 邮件主题
  body: '预设邮件正文内容\n支持换行格式' // 邮件正文，换行用\n
}

// 转换为URL查询参数
const searchParams = new URLSearchParams(mailConfig).toString()

// 本地客户端唤起链接
const nativeMailUrl = `mailto:?${searchParams}`

// Outlook在线发信链接
const outlookWebUrl = `https://outlook.office.com/mail/deeplink/compose?${searchParams}`

交互建议 #

按钮点击后优先触发本地客户端唤起，同时展示备选提示：

若未弹出本地邮件客户端，可选择使用Outlook在线邮箱完成发信

注意事项 #

• 参数编码是必填步骤，避免空格、特殊符号、换行符导致内容填充错乱
• 正文换行统一使用\n，本地客户端和在线邮箱均可正常识别
• 该方案同样可扩展适配其他在线邮箱服务，仅需调整在线发信的前缀链接即可

内容的提问来源于stack exchange，提问作者mm4096