mailto链接必须用完整协议格式href="mailto:user@example.com",参数需url编码,多收件人用英文逗号分隔,移动端兼容性差,关键场景应提供表单降级方案。

mailto: 链接必须用完整协议格式
直接写 href="user@example.com" 不会触发邮件客户端,浏览器会当成普通相对路径跳转甚至 404。必须显式声明 mailto: 协议,这是唯一被广泛支持的邮件链接方案。
正确写法是:@#@#@#@#@#@#@#@#@#@0。注意冒号紧跟 mailto,中间不能有空格;user@example.com 里也不能含中文、全角符号或未编码的特殊字符(如空格、括号)。
带主题和正文的 mailto 链接要 URL 编码参数
如果想预填主题或内容,得用查询参数形式,但所有值必须经过 URL 编码,否则多数邮件客户端(尤其是 Outlook、Apple Mail)会截断或忽略。
-
subject和body是标准参数名,大小写敏感,不能写成Subject或BODY - 空格要替换成
%20,换行用%0D%0A(Windows 风格),不能直接敲回车或用\n - 中文必须 UTF-8 编码,比如“你好” →
%E4%BD%A0%E5%A5%BD;可用浏览器控制台跑encodeURIComponent("你好")快速生成 - 示例:
@#@#@#@#@#@#@#@#@#@1
多个收件人之间用逗号分隔,别用分号
加抄(cc)、密送(bcc)也支持,但分隔符必须是英文逗号 ,,不是分号 ; 或顿号。分号在某些旧版客户端中会被当成分隔符,但不是标准,兼容性差。
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
- 多个 to:
mailto:one@example.com,two@example.com - 带 cc 和 bcc:
mailto:to@example.com?cc=cc1@example.com,cc2@example.com&bcc=bcc@example.com - 注意:iOS Mail 对
bcc支持不稳定,部分版本会忽略;Android 默认邮件 App 多数支持,但第三方客户端(如 Gmail App)可能不处理cc/bcc
移动端点击可能失败,别依赖它做关键流程
在 iOS Safari 或 Android Chrome 中,mailto: 链接点击后不一定唤起默认邮件 App——用户可能没装、设了其他默认应用、或系统拦截了协议跳转。更糟的是,微信内置浏览器、QQ 浏览器等直接禁用 mailto:,点下去毫无反应。
如果你的场景要求“用户必须发邮件”,得准备降级方案:
- 检测
navigator.onLine和 UA 判断是否在微信内,是则显示邮箱地址文本 + 复制按钮 - 用
try/catch包裹window.location.href = "mailto:..."并监听blur事件判断是否跳走了(不完美但比没有强) - 真正关键的联系入口,建议后端提供表单提交接口,前端只做展示 + 异步提交
mailto 是轻量快捷的方案,但它的行为取决于用户设备配置,不是 Web API,也没有回调机制——这点很容易被忽略。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










