Объект Navigator Javascript: информация о браузере и системе

Информация о браузере в JavaScript - navigatorВсю необходимую информацию о запущенном браузере и системе у пользо­вателя можно узнать при помощи объекта navigator. Каждый браузер имеет несколько общих методов и свойств данного объекта, а также несколько своих, только ему присущих свойств. Я попытался составить небольшой перечень со­вместимости трех браузеров: Internet Explorer, Mozilla Firefox и Opera. Сначала перечислим общие для всех свойства и методы объекта navigator:

  • appCodeName — кодовое имя браузера. Обычно используется Mozilla;
  • appName — официальное имя браузера (Internet Explorer, Netscape, Opera);
  • appVersion — версия браузера;
  • platform — платформа, на которой работает браузер (обычно Win32);
  • cookieEnabied — доступность сохранения Cookie;
  • javaEnabied — доступность на запуск сценариев JavaScript;
  • userAgent — специальная строка для служебных целей.

Давайте на основе этой информации напишем сценарий, который будет рабо­тать в трех рассмотренных браузерах. Вставляем в теле документа следую­щий код (листинг 1).

Листинг 1. Получение информации о браузере и системе

<h1>Информация о браузере и системе</h1>
<script type = "text/javascript">
   var code = navigator.appCodeName;
   var name = navigator.appName;
   var vers = navigator.appVersion;
   var platform = navigator.platform;
   var cook = navigator.cookieEnabled;
   var je = navigator.javaEnabled();
   var ua = navigator.userAgent;
   document.write('Ваш браузер: ' + name +
      '<br />Версия браузера: ' + vers +
      '<br />Кодовое название браузера: ' + code +
      '<br />Платформа: ' + platform +
      '<br />Поддержка cookie: ' + cook +
      '<br />Поддержка JavaScript: ' + je +
      '<br />userAgent: ' + ua);
</script>

При загрузке Web-страницы браузер покажет всю информацию о себе (рис. 1 и 2).

Информация о браузере и системе 

 Рис. 1. Определение настроек в Internet Explorer

Для любознательных читателей сообщу, что Internet Explorer также поддер­живает несколько своих свойств и методов:

  • appMinorVersion;
  • online;
  • systemLanguage.

Я не стану приводить расшифровку данных свойств, поищите эту информа­цию в документации.

А мы напишем сценарий, предназначенный только для Internet Explorer (лис­тинг 2).

Информация о браузере и системе

Рис. 2. Определение настроек в Mozilla Firefox

Листинг 2. Свойства, доступные только в Internet Explorer

<h2>Только для Internet Explorer</h2>
<script type = "text/javascript">
   document.write(navigator.appMinorVersion +
      '<br />' + navigator.onLine +
      '<br />' + navigator.systemLanguage);
</script>

А теперь приведу список свойств, присущих только Mozilla Firefox:

  • language;
  • oscpu;
  • product;
  • productSub;
  • vendor;
  • vendorSub.

А теперь сценарий, предназначенный для Mozilla Firefox (листинг 3).

Листинг 3. Свойства, работающие только в Mozilla Firefox

<h2>Только для Firefox</h2>
<script type = "text/javascript">
   document.write(navigator.language +
      '<br />' + navigator.oscpu +
      '<br />' + navigator.product +
      '<br />' + navigator.productSub +
      '<br />' + navigator.vendor +
      '<br />' + navigator.vendorSub);
</script>

Как видите, различия у браузеров довольно значительны. А ведь мы рас­смотрели только один объект navigator. С другими объектами такая же история.

Вас заинтересует / Intresting for you:

JavaScript: определяем размеры...
JavaScript: определяем размеры... 279 просмотров Александров Попков Sun, 04 Nov 2018, 14:43:51
Определение браузера в JavaScr...
Определение браузера в JavaScr... 374 просмотров Александров Попков Fri, 02 Nov 2018, 11:03:01
JavaScript: определение версии...
JavaScript: определение версии... 317 просмотров Дэйзи ак-Макарова Sun, 11 Nov 2018, 05:40:51
JavaScript: свойство userAgent...
JavaScript: свойство userAgent... 1067 просмотров Дэйзи ак-Макарова Sun, 11 Nov 2018, 05:23:00


Myk аватар
Myk ответил в теме #9273 02 нояб 2018 09:57
Все понятненько! Спасибо!