我有一个网页可以创建联系人列表及其电子邮件地址。对于 mailto 链接，您有两种选择:(1) 在当前窗口中打开它或 (2) 在新的选项卡/窗口中打开它。
我看到了双方的潜在缺点:
- 对于网络邮件客户端(例如 gmail)，选项 1 并不理想，因为它会劫持窗口，用户必须以某种方式导航回应用程序
- 对于桌面邮件客户端，第一个选项并不理想，因为现在您打开了一个空白窗口/标签
有没有办法“检测”打开的网页是否有内容，如果没有就关闭？
基于此链接:
Detecting web-based mail client vs local mail client for a mailto link
我尝试了以下方法来获取 body :
const windowRef = window.open(`mailto:${email}`, '_blank')
const body = windowRef.document.body
我遇到的问题是 body每个文档的为空:<body></body>
我认为这是因为它没有足够的时间来加载页面，所以我尝试了 setTimeout但后来我得到了一个Blocked a frame with origin "myhostman" from accessing a cross-origin frame.
关于同时支持 Web 和桌面邮件客户端而没有上面列出的缺点的方法有什么想法吗？
最佳答案
这很笨拙，但它可能满足您的需求:
你可以有一个SendEmail()函数定义如下:
<罢工>
<罢工>function SendEmail() {
const windowRef = window.open(`mailto:email@address.com`, '_blank');
windowRef.focus();
windowRef.onfocus = function() {
return;
}
setTimeout(function(){
windowRef.close();
},500);
}
<罢工>
和你的 html看起来像这样:
<a href="javascript:void(0)" onclick="SendEmail();">email</a>
这背后的想法是，如果您的用户将网络邮件作为他们的默认电子邮件客户端，那么 function只会退出；然而，如果用户有一个桌面电子邮件客户端，新窗口将失去焦点触发 setTimeout()关闭新打开的窗口。
我的测试使用这个 JSFiddle 效果很好但是 是“半”测试，我的意思是，因为我没有将网络邮件客户端设置为我的默认客户端，所以我无法确认这是否真的如您所愿，但我可以确认当我的桌面电子邮件客户端打开时窗口关闭...
更新:
忘掉上面的函数，我稍微修改了一下:
function SendEmail() {
const windowRef = window.open(`mailto:email@address.com`, '_blank');
windowRef.focus();
setTimeout(function(){
if(!windowRef.document.hasFocus()) {
windowRef.close();
}
}, 500);
}
我通过设置 Gmail 和 Yahoo! 在 Firefox 中对此进行了测试作为我的默认电子邮件客户端，新打开的选项卡保持打开状态；然后我将其改回我的桌面电子邮件客户端，并关闭了新打开的选项卡。我使用 Vivaldi 和 IE Edge(我的桌面客户端设置为默认客户端)进行了相同的测试，结果完全相同。这是更新的 JSFiddle .
关于javascript - Mailto 链接仅在 web 邮件客户端时在新选项卡中打开，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45359575/