我有一个网页,可以创建联系人列表和他们的电子邮件地址.mailto链接有两个选项,(1)在当前窗口中打开它或(2)在新选项卡/窗口中打开它.
我发现双方都存在潜在的弊端:
反正是否有"检测"打开的网页是否有内容,如果没有则关闭它？
基于此链接:
检测基于Web的邮件客户端与本地邮件客户端的mailto链接
我尝试了以下方法来获得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 工作得很好,但是 "半"测试,我的意思是,因为我没有将webmail客户端设置为我的默认客户端,所以我无法确认这实际上是否可以正常工作,但我可以确认我的桌面电子邮件客户端打开时窗口关闭...
更新:
忘记上面的功能,我稍微修改了一下:
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.
| 归档时间： |
|
| 查看次数： |
1345 次 |
| 最近记录： |