HTML：我怎样才能让弹出窗口只显示在某个操作系统上？答案

【问题标题】：HTML: How can I have a popup only show on a certain os?HTML：我怎样才能让弹出窗口只显示在某个操作系统上？
【发布时间】：2021-10-31 07:15:16
【问题描述】：

我有一个网络应用程序 (Sleepyheads) 并已将其制成安卓应用程序。我想要一个弹出窗口，要求仅在 android 设备上下载该应用程序。我该怎么做？

我正在使用 html 5 和 VS 代码

【问题讨论】：

this 会回答您的问题吗？还是this？
这个问题对您有帮助吗？ stackoverflow.com/questions/11381673/detecting-a-mobile-browser

标签： javascript html

【解决方案1】：

您必须使用 javascript 来查找您的用户设备。

这段代码告诉你什么是用户操作系统和设备。

navigator.userAgent

【讨论】：

【解决方案2】：

您可以使用navigator.userAgent 获取浏览器字符串。

你会得到这样的回复。

'Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Mobile Safari/537.36'

然后您可以使用includes 检查Android 字词

let browsertype=navigator.userAgent;
if(browsertype.includes("Android")){
    //Navigate to Play store link or other URL
    alert("Please follow the link to download App");
}

【讨论】：

【解决方案3】：

您可以在window.navigator.userAgent 中找到此类信息。为了更好地处理这些信息，您可以使用解析器，例如 https://github.com/faisalman/ua-parser-js。那么只是基于操作系统的一个条件。

【讨论】：

【解决方案4】：

您可以通过检查操作系统然后在 DOM 中写入条件来做到这一点，只有在访问所需的操作系统时才会显示弹出窗口。

let os = navigator.appVersion;
if(os == "windows")
{
  //display popup
}

【讨论】：

操作系统字符串不是直截了当的，要了解这一点，您可以访问：stackoverflow.com/questions/9514179/…

【解决方案5】：

使用 Javascript 您可以检查正在使用的操作系统

window.clientInformation.oscpu

【讨论】：

此 oscpu 属性在 macOS（可能还有其他）的 Chrome 中不存在。 clientInformation 的文档建议改用 navigator。