当用户点击网站上的“mailto”链接时，浏览器将尝试使用默认邮件客户端来创建一封新的电子邮件。然而，对于许多用户来说，他们的默认邮件客户端是 Gmail 而不是本地安装的邮件客户端。这意味着当他们点击“mailto”链接时，他们将被带到 Gmail 网站，而不是在新标签页中打开一个新的电子邮件草稿。
在本文中，我们将讨论如何解决这个问题，并为默认邮件客户端为 Gmail 的用户提供更好的用户体验。
解决方案
要在新标签页中打开 Gmail 中的新邮件草稿，我们需要构建一个特殊的“mailto”链接。这个链接将包含以下内容：
- 将
https://mail.google.com/mail/?view=cm&fs=1&tf=1作为基础 URL。 - 在 URL 末尾添加
to=参数，值为收件人的电子邮件地址。 - 在 URL 末尾添加
subject=参数，值为邮件主题。 - 在 URL 末尾添加
body=参数，值为邮件正文。
下面是一个示例链接：
<a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=recipient@example.com&subject=Example%20Subject&body=Example%20body." target="_blank">Send email</a>
请注意，我们将 target 属性设置为 _blank，这将确保电子邮件草稿在新标签页中打开。
JavaScript 方案
如果您需要根据用户的默认邮件客户端动态生成“mailto”链接，则可以使用以下 JavaScript 代码：
-- -------------------- ---- -------
-------- --------------------------- -------- ----- -
--- ------ - -
--- ----------
-------- --------
----- ----
--
--- --- - --------------------------------------------------
--- ---- --- -- ------- -
-- ---------------------------- -
--- -- --- - --- - --- - --------------------------------
-
-
------ ----
-
--- --------- - ------------------------
--- ------- - -------- ---------
--- ---- - -------- -------
--- ---------- - --------------------------- -------- ------
-- --- --- ---- -- -------- --- --------
------------------------------------------ - -----------结论
现在，我们已经知道了如何为默认邮件客户端为 Gmail 的用户在新标签页中打开“mailto”链接。通过使用上述方法，我们可以提高网站的用户体验并减少用户流失率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28778