Web-программирование: "Java Script(JS): Информация о браузере"

Для углубленного изучения web-программирования (язык PHP и написание своей собственной CMS) советую подписаться на платный раздел (см. анонсы раздела "Пишем Easy CMS").

Прежде всего, отвечу на вопрос, для чего нужна информация о браузере? Дело в том, что в JavaScript могут быть элементы синтаксиса, которые поддерживают не все браузеры. Именно поэтому, для того, что ваши скрипты могли работать на разных типах браузера, и нужно определять, в каком браузере запущен скрипт. Для получения информации о браузере и системы в целом существует объект navigator. Вот его свойства:

appCodeName - кодовая имя браузера.
appName - имя браузера.
appVersion - версия браузера.
language - язык интерфейса.
mimeTypes - массив MIME типов, поддерживаемых браузером.
platform - платформа (тип операционки).
plugins - массив внешних модулей (плагинов).
userAgent - полное описание браузера.

А теперь приведу пример программы, которая выводит на экран информацию о браузере:

<html>

<head>

<title>Урок 88. Java Script (JS): </title>

</head>

<body>

document.write("Кодовое имя браузера: "+navigator.appCodeName+"<BR>");

document.write("Имя браузера: "+navigator.appName+"<BR>");

document.write("Версия браузера: "+navigator.appVersion+"<BR>");

document.write("Язык: "+navigator.language+"<BR>");

document.write("Платформа: "+navigator.platform+"<BR>");

document.write("Полное название браузера: "+navigator.userAgent+"<BR>");

</SCRIPT>

</body>

</html>

Вот что выдаст эта программа если ее запустить в IE:

В браузере "Хром":

В FireFox:

В опере:

Таким образом, анализируя информацию о браузере, мы можем определить тип браузера. Наиболее информативны в этом плане поля appName - может определить является ли браузер IE или нет и userAgent - для большинства браузеров содержит имя браузера.

Вот пример простейшего определения типа браузера:

<html>

<head>

<title>Урок 88. Java Script (JS): </title>

</head>

<body>

if(navigator.appName=="Microsoft Internet Explorer") {

document.write("Это Internet Explorer<BR>");

} else {

if(navigator.userAgent.indexOf("Opera")!=-1) {

document.write("Это Opera<BR>");

} else {

document.write("Это иной браузер<BR>");

}

</SCRIPT>

</body>

</html>