How to detect my browser version and operating system using JavaScript?
I have tried using the code below but it only display results in Chrome and Mozilla not working in IE6.
Browser CodeName: Mozilla Browser Name: Netscape Browser Version: 5.0 (Windows) Cookies Enabled: true Platform: Win32 User-agent header: Mozilla/5.0 (Windows NT 5.1; rv:12.0) Gecko/20100101 Firefox/12.0 13 Answers 13
Detecting browser’s details:
var nVer = navigator.appVersion; var nAgt = navigator.userAgent; var browserName = navigator.appName; var fullVersion = ''+parseFloat(navigator.appVersion); var majorVersion = parseInt(navigator.appVersion,10); var nameOffset,verOffset,ix; // In Opera, the true version is after "OPR" or after "Version" if ((verOffset=nAgt.indexOf("OPR"))!=-1) < browserName = "Opera"; fullVersion = nAgt.substring(verOffset+4); if ((verOffset=nAgt.indexOf("Version"))!=-1) fullVersion = nAgt.substring(verOffset+8); >// In MS Edge, the true version is after "Edg" in userAgent else if ((verOffset=nAgt.indexOf("Edg"))!=-1) < browserName = "Microsoft Edge"; fullVersion = nAgt.substring(verOffset+4); >// In MSIE, the true version is after "MSIE" in userAgent else if ((verOffset=nAgt.indexOf("MSIE"))!=-1) < browserName = "Microsoft Internet Explorer"; fullVersion = nAgt.substring(verOffset+5); >// In Chrome, the true version is after "Chrome" else if ((verOffset=nAgt.indexOf("Chrome"))!=-1) < browserName = "Chrome"; fullVersion = nAgt.substring(verOffset+7); >// In Safari, the true version is after "Safari" or after "Version" else if ((verOffset=nAgt.indexOf("Safari"))!=-1) < browserName = "Safari"; fullVersion = nAgt.substring(verOffset+7); if ((verOffset=nAgt.indexOf("Version"))!=-1) fullVersion = nAgt.substring(verOffset+8); >// In Firefox, the true version is after "Firefox" else if ((verOffset=nAgt.indexOf("Firefox"))!=-1) < browserName = "Firefox"; fullVersion = nAgt.substring(verOffset+8); >// In most other browsers, "name/version" is at the end of userAgent else if ( (nameOffset=nAgt.lastIndexOf(' ')+1) < (verOffset=nAgt.lastIndexOf('/')) ) < browserName = nAgt.substring(nameOffset,verOffset); fullVersion = nAgt.substring(verOffset+1); if (browserName.toLowerCase()==browserName.toUpperCase()) < browserName = navigator.appName; >> // trim the fullVersion string at semicolon/space if present if ((ix=fullVersion.indexOf(";"))!=-1) fullVersion=fullVersion.substring(0,ix); if ((ix=fullVersion.indexOf(" "))!=-1) fullVersion=fullVersion.substring(0,ix); majorVersion = parseInt(''+fullVersion,10); if (isNaN(majorVersion)) < fullVersion = ''+parseFloat(navigator.appVersion); majorVersion = parseInt(navigator.appVersion,10); >document.write('' +'Browser name = '+browserName+'
' +'Full version = '+fullVersion+'
' +'Major version = '+majorVersion+'
' +'navigator.appName = '+navigator.appName+'
' +'navigator.userAgent = '+navigator.userAgent+'
' )// This script sets OSName variable as follows: // "Windows" for all versions of Windows // "MacOS" for all versions of Macintosh OS // "Linux" for all versions of Linux // "UNIX" for all other UNIX flavors // "Unknown OS" indicates failure to detect the OS var OSName="Unknown OS"; if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows"; if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS"; if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX"; if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux"; document.write('Your OS: '+OSName);Простой способ определения браузера с помощью HTML + JS
Нашлось оригинальное решение, с помощью которого можно определить интернет-браузер, используемый веб-серфером. Способ работает в связке технологий HTML и JavaScript.
HTML-код:
JavaScript-код:
Насколько я понял, как раз за счет разного понимания браузерами параметра «name» и именно данной последовательности их написания и происходит идентификация и определение нужного браузера.
Тест
Ваш браузер — P.S. Есть еще один простой способ определения браузера — с помощью только HTML + изображения. Методика схожая, только не требуется JavaScript и вместо тега используется . * * * Сеть магазинов «Элит Букет» осуществляет круглосуточную доставку цветов и букетов в городе Екатеринбурге. Всегда только свежие цветы. Любой удобный способ оплаты.
Смотрите также
Комментарии (17)
Источник указан неправильно. Точнее его имя. Должно быть HedgerWow. P.s. http://rmcreative.ru/news/id/1191335532/ 😉
Суть в том, что в источнике я указал не название сайта, а название статьи :). P.S. Информацию об этом способе я сначала узнал от тебя, а только потом от HedgerWow. Штука интересная, поэтому решил тоже написать ;).
Про опрделение браузера…… Наткнулся сегодня на заметку о том, как можно с помощью JavaScript и HTML определить в каком конкретно браузере открыли страницу. И меня немного ….
Хм, за комплимент пасиба :). Лучше, наверное, потому, что с подсветкой синтаксиса и по-русски :)))))). А как работает — я же предположил выше. Каждый браузер по-разному интепретирует написание «name», соответственно «чужие» варианты пропускает, а «свой» как раз и выдает с помощью JS.
Pashka R., ага 🙂 это потому, что, по идее, параметы хтмл-тегов пишутся в строку, без переносов. А здесь так сделано для наглядности, и плагин подсветки этого не понимает.
Dimox: Врядли из-за переносов — ведь первые три атрибута раскрасил правильно… код всё-таки не валидный… 🙂
То, что не валидный — это и понятно, тут такая абракадабра… 🙂 Подстветка «сломалась», наверное, по причине последнего. А переносы все-таки виноваты, потому что 2-я строка начитается с табулятором.
Определяем браузер пользователя и подставляем его название в страницу
Определить браузер пользователя и в документе подставить название его браузера вместо текста, который стоит по умолчанию.
JavaScript имеет стандартный объект под названием navigator , который содержит данные о браузере пользователя.
Объект navigator имеет много свойств, но в данном случае нас интересует свойство .UserAgent — это строка содержит данные о браузере, операционной системе и многое другое.
// Выводим информацию в окне предупреждений alert(navigator.userAgent);
Получим такие данные в браузере Mozilla Firefox:
Mozilla/5.0 (Windows NT 6.3; WOW64; rv:51.0) Gecko/20100101 Firefox/51.0
Как вы можете видеть, проблема с navigator.userAgent в том, что это одна гигантская строка, и она не очень понятна для человека.
Так что, если вы хотите использовать эту информацию, или показать её пользователю, то нужно сначала распарсить строку. Но если вы не дружите с регулярными выражениями, то вам всегда поможет библиотека Detect.js созданная Darcy Clarke.
Чтобы во всем документе заменить текст внутри блоков с классом .user-agent на название вашего браузера, я написал небольшой скрипт:
И я точно знаю, что вы читаете эту статью в браузере Chrome! =)
Сразу напишу, что я использую такой вариант для clearfix: Вдогонку статье о новом значении свойства display,…
Проблема в том, что есть список, с дочерними списками, но из-за сложности структуры CMS, эти…
Стандарт Open Graph разработан социальной сетью Facebook. Он позволяет контролировать превью, которое формируется при публикации…
[vc_row][vc_column][vc_column_text]Задача такая: необходимо сделать вывод на каждой странице гистограммы с оценками. Всего 5 баллов, за…