Як визначити операційну систему (ОС) за допомогою JavaScript
Last updated: 23.02.2026
Views: 126
Іноді необхідно визначити операційну систему користувача. Щоб використовувати різні стилі CSS для різних ОС, або для якоїсь аналітики, або для інших цілей. Існують різні плагіни або бібліотеки для визначення операційної системи, але для цього завдання можна обійтися без стороннього плагіна. Якщо не потрібно визначати версію операційної системи, а потрібна тільки її назва, то самостійно можна написати код визначення ОС.
JavaScript
function detectOS() {
const platform = navigator.platform.toLowerCase(),
iosPlatforms = ['iphone', 'ipad', 'ipod', 'ipod touch'];
if (platform.includes('mac')) return 'MacOS';
if (iosPlatforms.includes(platform)) return 'iOS';
if (platform.includes('win')) return 'Windows';
if (/android/.test(navigator.userAgent.toLowerCase())) return 'Android';
if (/linux/.test(platform)) return 'Linux';
return 'unknown';
}
Це код не визначає всі існуючі в світі операційні системи, а визначає тільки основні. Гадаю такий код буде легко доопрацювати, якщо виникне потреба додати ще якусь ОС.
Приклад працюючого коду ви можете побачити на Codepen: https://codepen.io/igorrybalko/pen/vEBvPgm
Схожі записи:
-
Як визначити напрямок прокручування (скроллу) на сторінці за допомогою JavaScript
Іноді необхідно визначити напрямок вертикальної прокрутки (скроллу) на сайті, наприклад, щоб виконати якісь дії з футером або хедером. Давайте напишемо код для визначення...
-
Плагін jQuery Accordion
На сайтах часто використовується акордеон. Цей елемент популярний і в той же час зручний. Акордеон допомагає структурувати контент і економить місце. У своїй роботі я час...
-
Swipe події на сенсорних пристроях у JavaScript
Кожен день сенсорні пристрої впроваджуються в наше життя. Ці пристрої мають певні події, на відміну від настільного комп’ютера. Однією з таких подій є swipe (свайп). Особ...
Залишити відповідь