在前端开发中，有时需要获取用户的操作系统版本以便做出相应的优化或调整。本文将介绍如何使用JavaScript来获取操作系统版本。
方法一：navigator.userAgent
navigator.userAgent是一个包含有关浏览器和操作系统信息的只读属性。可以使用它来获取当前浏览器所在的操作系统信息。
示例代码：
-- -------------------- ---- ------- ----- ------ - -- -- - --- -- - -------- ---- -- ----------------------------------- -- --- -- - ---------- -- ----------------------------------- -- --- -- - ------------ -- ------------------------------------- -- --- -- - -------- -- --------------------------------------- -- --- -- - ---------- -- ---------------------------------- ----- -- --- -- - ------ ------ --- --
该函数会根据navigator.userAgent返回的字符串匹配各个操作系统，最终返回当前操作系统的名称。
但是，navigator.userAgent并不是一个完美的解决方案，因为很多浏览器都可以修改User-Agent值，从而欺骗网站获取错误的信息。
方法二：window.navigator.platform
window.navigator.platform属性返回运行浏览器的操作系统平台。
示例代码：
-- -------------------- ---- -------
----- --------- - -- -- -
----- -------- - --------------------------
----- -------------- - ------------- ----------- --------- ----------
----- ---------------- - --------- -------- ---------- ---------
----- ------------ - ---------- ------- --------
-- --------------------------------- --- --- -
------ ---- ----
- ---- -- ------------------------------- --- --- -
------ ------
- ---- -- ----------------------------------- --- --- -
------ ----------
- ---- -- ------------------------------------- -
------ ----------
- ---- -- ---- -- ----------------------- -
------ --------
-
------ ----------
--该函数在判断操作系统平台时使用了更加精确的标识符。
方法三：Detect.js
第三方库Detect.js可以在不同的浏览器和操作系统上精确检测用户代理。使用它可以轻松获取操作系统版本信息。
示例代码：
<script src="//cdnjs.cloudflare.com/ajax/libs/detect.js/2.2.2/detect.min.js"></script>
const osVersion = () => {
const os = detectOS();
return os.name + " " + os.version;
};以上两种方法都需要手动编写代码来完成，而Detect.js可以帮助我们减少许多工作量。
总结
本文介绍了三种常见的方法来获取操作系统版本信息。navigator.userAgent虽然易用，但容易被欺骗；window.navigator.platform精确度更高，但也存在一些问题；Detect.js可以自动完成检测，但需要引入额外的库。根据实际情况选择合适的方法才能更好地完成需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9772
