iOS 邮件链接会显示菜单/操作表，而不是可点击的链接答案

【问题标题】：iOS Mail links bring up menu/action sheet instead of being a clickable linkiOS 邮件链接会显示菜单/操作表，而不是可点击的链接
【发布时间】：2012-10-27 22:03:09
【问题描述】：

我的应用程序的外发电子邮件有问题。希望这里的人能有所启发。

电子邮件是多部分消息，它在我想要定位的平台上呈现良好。

但是，在 iPhone 上的 iOS 6 邮件浏览器中，链接会显示一个操作表来保存图像、分配给联系人等（见下图），而不是让用户通过 Safari 访问 URL。在下面的示例代码中，我仍然有开发 (localhost:3000) 链接，但这不是问题...与生产网址相同。

奇怪的是，在我的 iPad (iOS 5) 上，链接可以完美运行。与 Mac 邮件、Outlook、Gmail、Hotmail 相同。我几乎可以肯定这不是标记的错，但我在下面包含了一个 sn-p 以供参考。

                <td align=3D'center' valign=3D'top' width=3D'140'>
                  <p>
                    <a href=3D'http://localhost:3000/users/confirmation.747dfe1c-28ff-11e2-bd48-013adbe35a70?confirmation_token=3DLypvcYovemp1FBFbYsLX'>
                      <img alt=3D'Confirm your account and learn more' border=3D'0' height=3D'140' src=3D'cid:509a98697b4ca_1cdf3fd38dc35adc517aa@hera.local.mail' width=3D'150'>
                    </a>
                  </p>
                  <h4 style=3D"color:#72654b;font-family:Georgia, Times, 'Times New Roman', serif;font-size:16px;font-style:italic;font-weight:normal;">Confirm your email</h4>
                  <p style=3D'color:#6c6c6c; padding-right: 12px;'>
                    Confirm your email address and other contact information to download an introductory white paper and forms that will get you started using WarGaming techniques.
                  </p>
                  <a href=3D'http://localhost:3000/users/confirmation.747dfe1c-28ff-11e2-bd48-013adbe35a70?confirmation_token=3DLypvcYovemp1FBFbYsLX'>
                    <img alt=3D'click here to confirm your email' border=3D'0' height=3D'30' src=3D'cid:509a9869781e5_1cdf3fd38dc35adc5168f@hera.local.mail' width=3D'60'>
                  </a>
                </td>

这当然会降低我的电子邮件营销活动的有效性。有任何想法吗？感谢我提前提供任何帮助！

【问题讨论】：

看来这个问题可能和我的有关 => stackoverflow.com/questions/10502045/…
试试
@unbuglee 感谢您的建议，但不，同样的结果......在 iPhone 上，点击图像会显示上图所示的操作表。不过，桌面客户端运行良好 - 您单击图像，它会在浏览器上打开 url

标签： html ios email webkit mobile-safari

【解决方案1】：

您的图片似乎已附加到电子邮件中。对我有用的是链接到图像而不是将其附加到电子邮件中。见Why anchors tag containing an image don't work in Iphone's mail app?

【讨论】：

感谢@RobertTrevellyan 的回复 - 是的，我忘了在 OP 上提到，对于未嵌入消息的图像，一切正常 - 尽管这些电子邮件的营销要求是它们应该内嵌关键图像，看起来不错。

【解决方案2】：

这取决于您的品味，或您的客户希望，外部托管您的图像，如 Robert 所建议的那样。在最近的一个客户项目中，我们遇到了同样的问题。客户端不希望图像在外部托管。所以我们的解决方案是仍然嵌入图像并通过“背景图像”声明它们。所以在你的例子中（只有第一部分）：

            <td align=3D'center' valign=3D'top' width=3D'140'>
              <p>
                <a href=3D'http://localhost:3000/users/confirmation.747dfe1c-28ff-11e2-bd48-013adbe35a70?confirmation_token=3DLypvcYovemp1FBFbYsLX'><span style="height: 140px; width: 150px; display: inline-block; background-image: url('cid:509a98697b4ca_1cdf3fd38dc35adc517aa@hera.local.mail');"></span></a>
              </p>
              <!-- ... -->
            </td>

希望对你有帮助:)

【讨论】：