在 iOS 设备上显示不同的内容

Question

这是一个两部分的问题。我有一个网站，其中有一个简单的链接，其中包含供用户查看的信息，目前我只有一个 iOS 应用程序版本的产品。我想做的是，如果用户要在 iOS 设备上查看链接，我想限制用户可见的一些信息，鼓励他们下载 iOS 应用程序以查看信息，但如果他们在android 设备我想向用户显示所有必要的内容，因为我们还没有可用的 Android 应用程序。我的两个问题是：

1) 是否可以检测用户是否在 iOS 设备上以限制他们在网页上的浏览量？

2) 根据用户的设备向用户显示不同的内容是不好的做法吗？

顺便说一句，这里的安全性不是问题。更具体地说，我有一个事件应用程序，我想隐藏 iOS 设备网页上的地址字段，以便他们更有可能下​​载该应用程序以查看它，但我不想完全排除 Android 用户。这还值得我花时间吗？我应该暂时忘记所有 Android 用户吗？

Answer 1

这是不错的做法，每个人都在显示不同的内容，因为您无法将所有内容都放在手机设备上。例如大表。

你不需要 javascript，你可以只用 css 来做。看看这个例子并尝试在你的代码中实现它。

HTML：

<a href="desktop/link" class="desktop">Link</a>
<a href="phone/link" class="phone">Link</a>

CSS

.desktop {
    display: block;
}

.phone {
    display: none;
}

@media screen and (max-width: 768px) {
    .desktop {
        display: none;
    }

    .phone {
        display: block;
    }
}

我正在使用所谓的媒体查询，您可以找到有关here的更多信息

这样做是，当设备窗口宽度