Скрипт информации об операционной системе и браузере пользователя

[Ryancoolround]

Я планировал использовать этот скрипт в том месте, в профиле, где пользователь выбирает свою операционную систему. И задача этого скрипта состояла в том, что бы показать пользователю его операционную систему в видео наивной подсказки. Примерно это должно было работать так:

Но у меня не сложилось, а сам скрипт уже готов к использованию.

<script language="JavaScript">
var OSName = "ОС Неизвестна";
  if (navigator.userAgent.indexOf("Win") != -1) OSName = "Windows";
  if (navigator.userAgent.indexOf("Mac") != -1) OSName = "Macintosh";
  if (navigator.userAgent.indexOf("Linux") != -1) OSName = "Linux";
  if (navigator.userAgent.indexOf("Android") != -1) OSName = "Android";
  if (navigator.userAgent.indexOf("like Mac") != -1) OSName = "iOS";
document.write('Твоя ОС: '+OSName);
</script>

Просто вставьте скрипт туда, где хотите, что бы пользователь увидел подсказку.

Что бы увидеть, как это работает, просто опуститесь вниз сайта на шаблоне Deflection.

Изменено 8 мая пользователем Ryancoolround
Удалил битые картинки. (смотреть историю редактирования)

[Ryancoolround]

В 20.11.2021 в 01:20, Райан сказал:

Что бы увидеть, как это работает, просто опуститесь вниз сайта на шаблоне Deflection.

Кто бы мог подумать, но виртуальная машина Google AdSense, представляющая пользователям предварительный просмотр страницы использует Macintosh. Это как то необычно, для создателей то Android...

Спойлер

[Ryancoolround]

Для того, что бы узнать текущее время на сервере PHP вы можете использовать встроенную функцию date() или через ООП и создать объект new DateTime(), небольшой пример:

<?php

// 21-01-2022 23:00:36
echo date("d-m-Y H:i:s");

$now = new DateTime();
// 21-01-2022 23:00:36
var_dump($now->format("d-m-Y H:i:s"));

Кстати, если вы собираете какой то системный виджет. Который по идее должен отображать пользователю различную системную информацию, то рекомендую обратить ваше внимание еще и на следующую тему.

 

Изменено 24 января, 2022 пользователем Райан
Добавил ссылку на скрипт отображающий операционную систему пользователю. (смотреть историю редактирования)

[Ryancoolround]

Существуют и другие операционные системы, которые могут быть использованы пользователями. Вот дополненный код еще несколькими примерами операционных систем, которые можно добавить в код:

<script language="JavaScript">
var OSName = "ОС Неизвестна";
  if (navigator.userAgent.indexOf("Win") != -1) OSName = "Windows";
  if (navigator.userAgent.match(/Windows NT 10.0/)) OSName = "Windows 10";
  if (navigator.userAgent.indexOf("Mac") != -1) OSName = "Macintosh";
  if (navigator.userAgent.indexOf("Linux") != -1) OSName = "Linux";
  if (navigator.userAgent.indexOf("Android") != -1) OSName = "Android";
  if (navigator.userAgent.indexOf("like Mac") != -1) OSName = "iOS";
  if (navigator.userAgent.indexOf("FreeBSD") != -1) OSName = "FreeBSD";
  if (navigator.userAgent.indexOf("OpenBSD") != -1) OSName = "OpenBSD";
  if (navigator.userAgent.indexOf("NetBSD") != -1) OSName = "NetBSD";
  if (navigator.userAgent.indexOf("SunOS") != -1) OSName = "Solaris";
  if (navigator.userAgent.indexOf("OS/2") != -1) OSName = "OS/2";
  if (navigator.userAgent.indexOf("BeOS") != -1) OSName = "BeOS";
  if (navigator.userAgent.indexOf("Chrome OS") != -1) OSName = "Chrome OS";

document.write('Твоя ОС: '+OSName);
</script>

И еще учитывайте, что User-Agent строка может быть поддельной, поэтому вы не должны полагаться на этот метод для каких-то критических целей.

[Гость Валенок]

В 23.01.2022 в 06:06, Ryancoolround сказал:

Для того, что бы узнать текущее время на сервере PHP вы можете использовать встроенную функцию date() или через ООП и создать объект new DateTime(), небольшой пример:

<?php

// 21-01-2022 23:00:36
echo date("d-m-Y H:i:s");

$now = new DateTime();
// 21-01-2022 23:00:36
var_dump($now->format("d-m-Y H:i:s"));

Для вывода даты и времени достаточно одной строки:

<?= date("d-m-Y H:i:s") ?>

 

[Ryancoolround]

20 минут назад, Валенок сказал:

Для вывода даты и времени достаточно одной строки:

<?= date("d-m-Y H:i:s") ?>

 

Спасибо за идею, благодаря тебе я смог объединить вывод ОС и даты пользователю в один JavaScript.

<h4>Системная информация</h4>
<script language="JavaScript">
var OSName = "ОС Неизвестна";
if (navigator.userAgent.indexOf("Win") != -1) OSName = "Windows";
if (navigator.userAgent.match(/Windows NT 10.0/)) OSName = "Windows 10";
if (navigator.userAgent.indexOf("Mac") != -1) OSName = "Macintosh";
if (navigator.userAgent.indexOf("Linux") != -1) OSName = "Linux";
if (navigator.userAgent.indexOf("Android") != -1) OSName = "Android";
if (navigator.userAgent.indexOf("like Mac") != -1) OSName = "iOS";
if (navigator.userAgent.indexOf("FreeBSD") != -1) OSName = "FreeBSD";
if (navigator.userAgent.indexOf("OpenBSD") != -1) OSName = "OpenBSD";
if (navigator.userAgent.indexOf("NetBSD") != -1) OSName = "NetBSD";
if (navigator.userAgent.indexOf("SunOS") != -1) OSName = "Solaris";
if (navigator.userAgent.indexOf("OS/2") != -1) OSName = "OS/2";
if (navigator.userAgent.indexOf("BeOS") != -1) OSName = "BeOS";
if (navigator.userAgent.indexOf("Chrome OS") != -1) OSName = "Chrome OS";

document.write('Твоя ОС: '+OSName+'<br>');
document.write('Текущее время: '+new Date().toLocaleString());
</script>

 

[Ryancoolround]

Просмотр файла

Скрипт информации об операционной системе и браузере пользователя

---

Скрипт "Информация об операционной системе и браузере пользователя" представляет собой небольшой фрагмент кода на JavaScript, предназначенный для определения и отображения информации об операционной системе и веб-браузере пользователя при доступе к веб-странице через браузер. Он предоставляет ценную информацию о настройках системы пользователя, которая может быть полезна веб-разработчикам, аналитикам или при создании улучшенного пользовательского опыта.

Функциональность:

1. Скрипт содержит две основные функции - getOSName() и getBrowserInfo(), отвечающие за определение операционной системы и информации о браузере соответственно.
2. Функция getOSName() использует свойство navigator.userAgent для доступа к строке User-Agent, которая содержит информацию о браузере и операционной системе пользователя.
3. Затем происходит анализ строки User-Agent для определения операционной системы пользователя, включая популярные, такие как Windows, macOS, Linux, Android и iOS, а также менее распространенные, такие как FreeBSD, OpenBSD, NetBSD, Solaris и другие.
4. В случае операционной системы Windows, функция также пытается определить конкретную версию Windows (например, Windows 10, Windows 8.1, Windows 7 и т.д.).
5. Функция getBrowserInfo() также использует свойство navigator.userAgent для анализа строки User-Agent и определения используемого пользователем веб-браузера.
6. Поддерживаемые браузеры включают Firefox, Opera, Microsoft Edge, Chrome и Safari.
7. После определения информации об операционной системе и браузере, скрипт выводит результаты на веб-страницу с помощью метода document.write().

Использование:

Для использования скрипта, просто вставьте его внутрь HTML-страницы, предпочтительно в область между тегами <body>.

<script src="os_browser_info.js"></script>

Когда страница загружается в веб-браузере, скрипт автоматически определит операционную систему и браузер пользователя, и затем отобразит соответствующую информацию на странице.

Обратите внимание, что этот скрипт использует строку User-Agent, предоставленную браузером, которая не всегда может быть точной или последовательной в разных браузерах или устройствах. Кроме того, точность определения операционной системы может зависеть от строки User-Agent, отправленной браузером, которая иногда может быть изменена или скрыта расширениями браузера или пользовательскими настройками.

Пример вывода:

Твоя ОС: Windows 10
Браузер: Chrome
Текущее время: 23 июля 2023 г., 12:34:56

Примечание:
Этот скрипт предназначен для образовательных и информационных целей. Он может не учитывать все возможные комбинации операционных систем и браузеров, и следует использовать с осознанием потенциальных ограничений интерпретации строки User-Agent.

---

• Добавил
  Ryancoolround
• Добавлено
  23.07.2023
• Категория
  JavaScript