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

Posted 2023-03-11

【中文标题】在 iOS 设备上显示不同的内容

【英文标题】：Displaying different content on iOS devices

【发布时间】：2016-07-20 06:51:46

【问题描述】：

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

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

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

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

【参考方案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的更多信息

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

【讨论】：

我最关心的是如何在 iPhone 和 Android 设备上显示不同的内容。这看起来很适合在桌面和移动设备上显示不同的内容，但是有什么方法可以检测用户是否在使用 iPhone？