Навигатор в JavaScript - Свойства, методы и коллекции (примеры)

Содержание:

Anonim

Введение в Навигатор в JavaScript

Навигатор в JavaScript - это объект, который предоставляет сведения о браузере, который пользователь использует для доступа к веб-приложению. Поскольку у нас есть объектная модель документа (DOM) для управления данными, аналогично, у нас есть объектная модель браузера (BOM), которая предоставляет нам контроль над тем, как приложения отображаются в браузере. Некоторые из сущностей спецификации:

  • история
  • Место расположения
  • экран
  • Документ
  • навигатор

Объект навигатора JavaScript помогает настроить наше приложение на основе браузера пользователя и того, какие объекты включены или отключены в их настройках браузера, поскольку мы знаем, что все браузеры отличаются друг от друга и по-разному обрабатывают JavaScript.

В этой статье объясняется, что навигатор BOM использует JavaScript.

Свойства Навигатора в JavaScript

JavaScript Navigator предоставляет несколько методов и свойств, которые можно использовать для получения интересной информации о браузере пользователя. Это может помочь программисту обнаружить и выяснить, какие функции мы поддерживаем браузером или нет.

Теперь мы знаем, что объект навигатор помогает определить, какой браузер использовал пользователь. В этом разделе статьи мы обсудим часто используемые свойства и методы объекта навигатора и получим некоторую информацию о нашем браузере.

Объект навигатора - это свойство окна, к которому можно получить доступ

window.navigator or navigator

Поскольку окно является глобальным объектом и находится в верхней части цепочки областей действия, к нему можно получить доступ без добавления префикса окна.

Таблица 1: Свойства объекта навигатора

Ниже упоминаются некоторые свойства объекта навигатора

СвойствоОписание
appCodeNameВозвращает кодовое имя браузера
Название приложенияВозвращает имя браузера
AppVersionВозвращает информацию о версии браузера
cookieEnabledОпределяет, включены ли куки в браузере
геолокацииВозвращает объект Geolocation, который можно использовать для определения местоположения пользователя.
языкВозвращает язык браузера
онлайнОпределяет, находится ли браузер в сети
ПлатформаВозвращает для какой платформы скомпилирован браузер
продуктВозвращает имя движка браузера
UserAgentВозвращает заголовок агента пользователя, отправленный браузером на сервер

Таблица 2: Методы навигатора объекта

методОписание
javaEnabled ()Указывает, включена ли в браузере Java
taintEnabled ()Удалено в версии JavaScript 1.2. Указывает, разрешено ли в браузере портить данные

Распределение данных позволяет одному окну видеть свойства в другом окне и удаляется, так как это оказалось с высокой степенью безопасности.

Пример № 1

Свойства и методы навигатора

Код:


document.write(" Code Name of the Browser : ", navigator.appCodeName + "
");
document.write(" Name of the Browser : ", navigator.appName + "
");
document.write(" Cookies Enabled : ", navigator.cookieEnabled + "
");
document.write(" Platform of the Browser : ", navigator.platform + "
");
document.write(" Browser in onLine Mode : ", navigator.onLine + "
");
document.write(" Java Enabled : ", navigator.javaEnabled());

Выход:

Важно помнить, что navigator.appCodeName всегда приводит к «Mozilla» по причинам совместимости. Кроме того, мы используем Chrome, Firefox, IE11 или Safari, свойство appName объекта навигатора всегда приводит к «Netscape». Мы также должны помнить, что часто информация, возвращаемая из объекта навигатора, может быть неправильной или вводящей в заблуждение, так как данные, возвращаемые объектом навигатора, могут быть изменены пользователем, браузер не сообщает о новой операционной системе, выпущенной после браузера, другой браузеры могут использовать то же имя. Свойства объектов навигатора доступны только для чтения. Помимо свойств и методов, в Навигаторе JavaScript есть еще одна функция, известная как Коллекции.

Таблица 3: Коллекции объекта Navigator

В приведенной ниже таблице перечислены коллекции, присутствующие в объекте навигатора JavaScript, и затем мы увидим один пример этого.

КоллекцияОписание
плагинов ()возвращает ссылку на все встроенные объекты в документе
Mimetypesвозвращает коллекцию типов MIME, поддерживаемых браузером клиента

Свойство mime имеет три предопределенных поля:

  • name - имя типа MIME (видео / mpeg)
  • описание - описание типа
  • суффиксы - список всех возможных файловых суффиксов (расширений файла) для типа MIME.
Пример № 2

Коллекция JavaScript навигатора

Код:


var plugin = navigator.plugins("Flash Player");
if (plugin)
document.write("Plugin Present")
else
document.write("You don't have Flash Player installed!")

Выход:

Пример № 3

Свойство JavaScript навигатора - геолокация

Код:



navigator.geolocation.getCurrentPosition(showPosition);
function showPosition(position) (
console.log("Latitude: " + position.coords.latitude + "\n" +"Longitude: " + position.coords.longitude);
)

Выход:

Это помогает обеспечить местоположение пользователя, но требует разрешения пользователя, чтобы поделиться своим местоположением. Геолокация гораздо точнее для устройств с GPS. Это свойство также доступно только для чтения.

Вывод

Мы узнали, как получать информацию о браузере, используя JavaScript, и узнали, как его объект навигатора помогает нам получать информацию, такую ​​как имя, версия, платформа и т. Д., Из браузера пользователя и о том, включены ли cookie в браузере пользователя. Помните, что некоторые браузеры дают ложную информацию только для обхода тестов сайта.

Рекомендуемые статьи

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

  1. Как работает JavaScript
  2. JavaScript против JQuery
  3. TypeScript против JavaScript
  4. HTML5 против JavaScript
  5. Коллекции PL / SQL | Синтаксис, Типы, Исключения
  6. Как Cookies работают в JavaScript?