Основной номер версии браузера. Функция определения браузера и его версии. Определение возможностей является лучшим вариантом

В этом уроке мы обсудим как узнать, какой браузер установлен на ПК. Вопрос может показаться банальным, но для некоторых пользователей эта тема действительно актуальна. Может быть такое, что человек недавно приобрёл компьютер и только начинает изучать его. Именно таким людям будет интересно и полезно прочитать эту статью. Итак, давайте начнём.

Браузер (обозреватель) – это программа с помощью, которой можно просматривать веб-страницы, можно сказать, смотреть Интернет. Веб-обозреватель даёт возможность смотреть видео, слушать музыку, читать различные книги, статьи и т.д.

На ПК может быть установлен, как один браузер, так и несколько. Рассмотрим, какой именно браузер установлен у Вас на компьютере. Есть несколько методов: посмотреть в обозревателе, открыть параметры системы или воспользоваться командной строкой.

Способ 1: в самом интернет-обозревателе

Если Вы уже открыли веб-браузер, но не знаете, как он называется, то можно это выяснить по крайней мере двумя путями.

Первый вариант:


Второй вариант:


Способ 2: используя параметры системы

Этот метод будет немного сложнее, но Вы справитесь.


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

ТЗ, которое я для себя определил:

  • браузеры можно группировать, указывая их через пробел
  • браузерам можно задавать версию (ie6,opera10)
  • браузерам можно задавать полную версию (opera10.15)
  • поддержка самых популярных браузеров

Мой способ гарантированно не самый точный, так как он используют свойство userAgent объекта navigator, которое при желании подделывается, но с другой стороны любой способ проверки клиента как серверный, так и клиентский можно обойти. Так же встает вопрос о надобности такой "подделки", тем более мало какие роботы исполняют javascript код.

После изучения следующей статьи http://ru.wikipedia.org/wiki/Useragent , я написал функцию ifBrowser. Она поддерживает проверку следующий браузеров: Internet Explorer, Firefox, Opera, Chrome, Safari, Konqueror, Iceweasel, SeaMonkey .

Код функции:

/* ifBrowser 0.0.3 a function which returns specified data depending on a user"s browser written by Plyushch Gregory, 2012 is free to use for everyone in condition of saving the author"s name */ function ifBrowser (obj) { var none = obj["none"] || "none"; function cBrowser() { var ua = navigator.userAgent; var bName = function () { if (ua.search(/MSIE/) > -1) return "ie"; if (ua.search(/Firefox/) > -1) return "firefox"; if (ua.search(/Opera/) > -1) return "opera"; if (ua.search(/Chrome/) > -1) return "chrome"; if (ua.search(/Safari/) > -1) return "safari"; if (ua.search(/Konqueror/) > -1) return "konqueror"; if (ua.search(/Iceweasel/) > -1) return "iceweasel"; if (ua.search(/SeaMonkey/) > -1) return "seamonkey";}(); var version = function (bName) { switch (bName) { case "ie" : return (ua.split("MSIE ")).split(";");break; case "firefox" : return ua.split("Firefox/");break; case "opera" : return ua.split("Version/");break; case "chrome" : return (ua.split("Chrome/")).split(" ");break; case "safari" : return (ua.split("Version/")).split(" ");break; case "konqueror" : return (ua.split("KHTML/")).split(" ");break; case "iceweasel" : return (ua.split("Iceweasel/")).split(" ");break; case "seamonkey" : return ua.split("SeaMonkey/");break; }}(bName); return ; } var current_browser = cBrowser(); for (var key in obj) { var trg = key.toLowerCase(); if (trg.indexOf(current_browser) > -1) return obj; else if (trg.indexOf(current_browser) > -1) return obj; else { var nsymbol = trg.charAt(trg.indexOf(current_browser)+current_browser.length); if (trg.indexOf(current_browser) > -1 && (nsymbol == " " || nsymbol == "")) return obj; }; } return none; }

В случае если ни одного выражение не совпадает с браузером пользователя, возвращается "none", которое можно также указать как свойство передаваемого объекта.

Пример использования: (данный код повернет на 25 градусов все содержимое страницы в любом современном браузере)

Var transform = ifBrowser({ "ie":"msTransform", "chrome safari":"WebkitTransform", "firefox":"MozTransform", "opera":"OTransform", }) // определяем название нужного нам css свойства document.body.style = "rotate(25deg)"

Название браузера нужно вводить в следующем формате: ie, firefox, opera, chrome, safari, konqueror, iceweasel, seamonkey . Регистр неважен. Версия пишется слитно с название, пример: ie7 . Если для нескольких браузеров должно возвратиться одно и тоже значение, вы просто указываете их через пробел, как
на примере ("chrome safari":"WebkitTransform" ). В качестве возвращаемого значения может выступать любой объект JavaScript (строка, число, функция, логическое значение и т.д.)

Читайте, как посмотреть данные о пользователе, которые сайты могут получить из вашего браузера . Как минимизировать предоставляемую сети информацию. Как только вы откроете свой интернет-браузер, то сразу начнете оставлять за собой «цифровые следы» , по которым веб-сайты, посещённые вами, будут отслеживать все ваши действия онлайн. Это абсолютно законная практика. Разработчики веб-сайтов, досок объявлений, рекламы товаров и услуг контролируют любые действия пользователей, связанные с ними.

2018-03-29 Michael Miroshnichenko


  • Читайте, как сделать стандартные рисунки обоев в Windows 10 более качественными. Особенно это будет актуально для больших или 4К мониторов. Служба поддержки компании «Microsoft» предоставляет огромный выбор качественных картинок, который также дос...
  • Читайте, какие службы Windows можно отключить для лучшей работы системы и как это правильно сделать. Операционная система «Windows» поставляется с предустановленными наборами инструментов и приложений. Чтобы обеспечить их корректную работу, а такж...
  • Читайте, как и где посмотреть историю вашего браузера и каким способом её можно удалить. По умолчанию, любой браузер сохраняет историю посещённых с его помощью интернет страниц или сайтов. История сохраняется в хронологическом прядке, и хранится в...
  • Читайте об онлайн-приложениях и веб-сервисах, которые помогут вам конвертировать различные типы файлов, улучшить фотографии, соберут «GIF-ки», помогут выбирать правильную палитру цветов, сохранят и передадут необходимые файлы и документы между выбран...
  • Читайте, как использовать настройки конфиденциальности браузеров. Рассмотрим приложения или сервисы для повышения конфиденциальности в сети. С течением времени, такое важное понятие как конфиденциальность постепенно размывается в том аспекте, кото...

Mozilla FireFox, чтобы уточнить версию этого программного продукта, надо раскрыть в меню раздел «Справка» и щелкнуть самый нижний пункт («О Mozilla Firefox»). Откроется отдельное вертикальное окошко, в котором указание точной версии из трех разделенных точкой чисел помещено под крупной надписью Firefox.

В меню Opera тоже надо открывать раздел «Справка» и щелкать в нем нижний пункт («О программе»). Но здесь, в отличие от всех остальных браузеров, отдельного окна при этом не выскакивает - открывается обычная , большую часть которой занимают списки разного рода хранилищ, созданных браузером в вашем . В самом начале этого списка есть и отдельная секция, которая так и названа - «Информация о версии». Номера версий Opera представляют собой два разделенных точкой числа.

В обозревателе Internet Explorer, открыв все тот же раздел меню с названием «Справка», и щелкнув последний в списке пункт «О программе», вы увидите окно с суровым напоминанием о соблюдении авторских прав. Кроме этого текста здесь есть и не менее серьезный код, обозначающий версию обозревателя. В нем точкой разделены целых четыре числа, одно из которых уже перевалило четырехзначный рубеж.

В Google Chrome, кроме не менее серьезного кода используемой версии (четыре разделенных точками числа), есть и указание самой последней из доступных для установки модификаций. Чтобы увидеть отдельное окно со всей этой информацией вам надо открыть меню щелчком по пиктограмме с гаечным ключом справа вверху в окне браузера , и выбрать пункт «О Google Chrome».

В браузере Apple Safari на всякий случай предусмотрено два пути открытия окошка с информацией о версии. Один из них аналогичен методике браузера Chrome - надо щелкнуть в том же месте размещенную пиктограмму (здесь на ней нарисована шестеренка) и выбрать пункт «О программе Safari». Другой очень схож с Mozilla и IE - надо раскрыть в меню раздел «Справка» и щелкнуть нижний пункт («О программе Safari»). Apple придумала самое длинное обозначение версии: кроме трех чисел, разделенных точкой, есть еще и дополнение из трех чисел в скобках.

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

Для таких целей существует объект Navigator , а точнее два его свойства: appName и appVersion . Давайте для начала выведем название браузера пользователю:

Document.write("Вы используете браузер " + navigator.appName);

В результате Вы увидите имя браузера пользователя . Также огромное значение оказывает не только сам браузер, но и его версия. И для таких случаев используется свойство appVersion :

Document.write("Версия Вашего браузера " + navigator.appVersion);

Свойства appName и appVersion доступны только для чтения (это и логично), поэтому изменить их у Вас не получится. Теперь встаёт вопрос, а как использовать их в операторе IF :

Var browser = navigator.appName;
if (browser == "NetScape")
document.write("Тут можно выполнять скрипты для обладателей браузеров NetScape");

Надеюсь, что я ответил на Ваш вопрос: "Как узнать имя и версию браузера в JavaScript ".



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: