在 HTML 电子邮件中检查设备是否为 iOS答案

【问题标题】：Check if a device is iOS inside an HTML email在 HTML 电子邮件中检查设备是否为 iOS
【发布时间】：2013-05-28 19:11:40
【问题描述】：

是否可以在 HTML 电子邮件中检查设备是否为 iOS？

我想显示 Apple 和 Google 映射到本机应用程序的架构链接，但前提是设备支持它。

【问题讨论】：

【解决方案1】：

上网查了一下，甚至找不到 CSS 的 hack。很遗憾没有与<!--[if gte mso 9]> 标签等效的东西。看起来答案在技术上是否定的......

在这种情况下，好消息是 Mac 对其他客户端有不同的 CSS 支持，因此您可以在电子邮件中利用它作为解决方法。

尝试使用其中一个 CSS 选择器（例如 Nth child）。这些是CSS attributes that only mac recognizes。

理论上，您可以默认隐藏某些内容并将第 N 个子选择器设置为仅显示 Mac 内容。

如果您真的很绝望，您还可以在相同颜色的背景上使用 RGBA 或 HSLA 颜色显示一些“仅限 mac”文本（使其不可见）。

【讨论】：

看起来第 n 个孩子是这个孩子的最佳选择，也许结合了媒体查询以防止它加载到苹果邮件中。虽然这远非理想，因为其他客户可能随时支持第 n 个孩子。我认为将链接放在那里并声明它们仅适用于 iOS 设备并没有太大的危害。

【解决方案2】：

考虑在电子邮件中使用相同的链接，例如 example.com/emailLink，您服务器上的端点是服务器端代码（例如 PHP），用于检测浏览器，然后提供您想要的链接。

【讨论】：