我正在寻找以下解决方案.我们希望下周发送一个HTML邮件,目前有一些问题.这是我们第一次尝试这样做,主要区别在于它现在包含链接到我们脸书的按钮.
邮件是响应式的,所以我们正在寻找一个解决方案,它将在浏览器中打开网站的桌面版本,当从移动设备查看时,检查应用程序是否已安装并打开它,如果没有打开浏览器中的链接代替.
通过在线广泛搜索和Stack Overflow,我逐渐意识到Android和iOS如何允许这一点.请参阅下面我到目前为止尝试的解决方案:
.mobile-link {
display: none;
}
@media screen and (max-device-width: 767px) and (orientation: portrait) {
.desktop-link {
display: none;
}
.mobile-link {
display: block;
}
}
@media screen and (max-device-width: 1024px) and (orientation: landscape) {
.desktop-link {
display: none;
}
.mobile-link {
display: block;
}
}<a class='mobile-link' onclick='
setTimeout(function () { window.location = 'www.facebook.com/profileid'; }, 2500);
window.location = 'fb://facewebmodal/=pagename';'>
<img src='some.url' />
</a>
<a class='desktop-link' href='www.facebook.com/profileid'>
<img src='some.url' />
</a>这不适用于iPhone,虽然我以前的尝试是(我改变了它,使其适用于Android,但仍无效).在我之前的尝试中,我有:
<a class='mobile-link' onclick='
setTimeout(function () …