Выполните практическую задачу по заметке объекты navigator, screen и location.
Помимо этого, нужно знать тему по объекту String и тему условий. Но обо все по порядку.
Нужно выяснить, с какого браузера человек зашел на веб-страницу и, в зависимости от этого, вывести на экран:
Если firefox: "Ваш браузер Firefox"
Если opera: "Ваш браузер Opera"
Если chrome: "Ваш браузер Chrome"
Для решения этого задания нужно:
-
При помощи свойства userAgent объекта navigator получить информацию о текущем браузере.
На момент решения этой задачи были получены следующие данные о браузерах Firefox, Opera и Chrome.
Firefox
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:56.0) Gecko/20100101 Firefox/56.0
Opera
Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36 OPR/48.0.2685.39
Chrome
Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36
-
При помощи регулярных выражений найти названия браузеров из информации о них.
Смотрите заметки о регулярных выражениях из темы Объект String.
-
При помощи метода match вернуть совпадения и составить условия if-else.
Обратите внимание: название Chrome присутствует не только в описании браузера Chrome, но и в данных о браузере Opera.
Этот момент нужно будет учесть при составлении условий.Следует также напомнить: если метод match не находит совпадений, то он возвращает null.
<script type="text/javascript">
var browsers = navigator.userAgent; /* Информация о текущем браузере */
/* Составляем регулярные выражения для поиска совпадений в данных о браузере */
var regV_1 = /firefox/i; /* i - регистронезависимый шаблон */
var regV_2 = /chrome/i;
var regV_3 = /opr/i;
/* Составляем условия */
if (browsers.match(regV_1) != null)
{
document.write("Ваш браузер - Firefox");
}
/* Здесь учитываем, что Chrome присутствует в описании для Opera */
else if(browsers.match(regV_2) != null && browsers.match(regV_3) != "OPR")
{
document.write("Ваш браузер - Chrome");
}
else if(browsers.match(regV_3) != null)
{
document.write("Ваш браузер - Opera");
}
else
{
document.write("Вы используете НЕ известный браузер");
}
</script>
