在网络上使用 ios 5 定位用户答案

【问题标题】：Targeting users with ios 5 on the web在网络上使用 ios 5 定位用户
【发布时间】：2012-12-27 18:01:34
【问题描述】：

我正在编写一个网络应用程序，该应用程序使用用户可以从手机/计算机上传的图片，我发现 ios 5 不允许您上传任何内容（请参阅A html5 web app for mobile safari to upload images from the Photos.app?）。

由于看起来几乎不可能，我想向那些想要使用我的应用程序的用户显示一条消息，要求他们升级或将他们指向上面链接中描述的替代解决方案（piccup 等）。

我可以通过媒体查询或类似方式将此消息仅发送给 ios 5 用户吗？

【问题讨论】：

标签： html ios ios5 responsive-design media-queries

【解决方案1】：

您是在寻找服务器端解决方案（例如 PHP）还是客户端（JavaScript）？：

这是一个 JavaScript 解决方案：

<script type="text/javascript">
    if (navigator.userAgent.match(/OS 5(_\d)+ like Mac OS X/i))
        // this helps detect minor versions such as 5_0_1
        document.write("You have iOS 5! Aren't you special!");
</script>

来源：https://stackoverflow.com/a/13087526/1800369

对于 PHP，您可以跟踪： Detect iOS version with PHP

【讨论】：

只要我能将消息发送给用户，两者都可以为我工作。非常感谢，如果可行，我会调查并给予赏金！
是的！这成功了，我检查了 ios5 和 ios6，消息只显示在 ios5 手机上。太棒了！

【解决方案2】：

当您提到媒体查询时，我猜您想在 CSS 中执行此操作。也许检测 1136px 的屏幕宽度（根据方向）会为您解决问题？

More here

【讨论】：

不，无论屏幕宽度如何，我都需要定位所有 ios5 设备。我提到了媒体查询，但我不太确定这是否是正确的方法。

【解决方案3】：

您应该检查 jQuery 是否支持文件输入。请查看this question 的答案以了解如何执行此操作。请注意，作者表示即使某些 Android 设备不支持输入元素，此 sn-p 也会返回 true，但由于您专门询问 iPhone，我认为它应该可以完成这项工作。

【讨论】：

我并没有真正提到 android 用户，因为我没有发现他们无法将图像上传到网站，但我无法使用该解决方案，因为它会破坏他们。