jquery - 根据 angularjs 中的操作系统更改 CSS

Question

我正在使用 angularjs 和 ionic 框架开发移动应用程序。我的应用程序适用于 android 和 ios 设备。但我需要两种不同的 CSS 样式用于 ios 和 android 设备。有没有办法检测操作系统并相应地更改 CSS。

我在 stackoverflow 中发现了一个与此类似的问题。但我不确定这是否是执行此操作的方法。

Detect device and swap the CSS file - jQuery

我可以得到有关如何执行此操作的分步说明吗？提前致谢:)

Answer 1

这是您可能正在寻找的解决方案。只需使用此代码

// This script sets OSName variable as follows:
// "Windows"    for all versions of Windows
// "MacOS"      for all versions of Macintosh OS
// "Linux"      for all versions of Linux
// "UNIX"       for all other UNIX flavors 
// "Unknown OS" indicates failure to detect the OS

var OSName="Unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";

if (OSName == "Windows"){$(document.body).append("<link rel='stylesheet' type='text/css' href='this.css'>")}

// etc...

Reference

您也可以use userAgent too