«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript



Игра «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих



Выполните практическую задачу по заметке объекты 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>

Результат





Отзывы и комментарии:

Комментариев нет...

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


Еще об объектах

Тематические публикации
Популярные заметки
Последние заметки