如何根据操作系统显示元素？

Question

我正在使用 Angular 并且我正在做一个移动应用程序，其中包括一个作为加载器的微调器，是一个 SVG，这里的东西：SVG 没有显示在某些 Android 版本，在 iPhone 中效果很好，但在 Android 中不行，所以我想做的是：检测 OS 并根据它显示 SVG 或仅显示我的图像在我的项目中。

这是 SVG

<div>{{spinnerTitle}}</div>
<svg class="spinner" width="60px" height="80px"
     viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
    <circle class="path" fill="none"
            stroke-width="6" stroke-linecap="round"
            cx="33" cy="33" r="30">
    </circle>
</svg>

那你推荐什么？

Answer 1

我推荐 platform.js，它可以很好地检测各种客户端平台数据，省去您自己手动操作的麻烦:)。

Answer 2

我认为您应该按照以下步骤操作：

在您不想显示 svg

navigator.userAgent

列出要排除的值中存在的关键文本（黑名单）
如果navigator.userAgent不对应黑名单中的任何模式，则显示svg
在尽可能多的设备上进行测试

阅读 this 以获取更多信息。

如何根据操作系统显示元素？

how to display an element depending on Operating System?

javascript

svg

android

angularjs