Вступ до Навігатора в JavaScript
Навігатор в JavaScript - це об'єкт, який надає детальну інформацію про браузер, який користувач використовує для доступу до веб-програми. Оскільки у нас є Document Object Model (DOM) для контролю над маніпулюванням даними, аналогічно, у нас є браузерна об'єктна модель (BOM), яка забезпечує нам контроль над переглядом програм у браузері. Деякі з об'єктів BOM:
- Історія
- Місцезнаходження
- Екран
- Документ
- Навігатор
Об'єкт навігатора JavaScript допомагає в налаштуванні нашої програми на основі браузера користувача та того, які об'єкти ввімкнено або вимкнено в налаштуваннях браузера, оскільки ми знаємо, що всі браузери відрізняються один від одного та обробляють JavaScript по-різному.
У цій статті пояснюється використання BOM-навігатора JavaScript.
Властивості Навігатора в JavaScript
JavaScript Навігатор надає кілька методів та властивостей, за допомогою яких можна отримати цікаву інформацію про браузер користувача. Це може допомогти програмісту виявити та знайти, які функції ми підтримуємо браузером чи ні.
Тепер ми знаємо, що об’єкт навігатора допомагає виявляти, яким браузером користувач користувався. У цьому розділі статті ми обговоримо загальновживані властивості та методи об’єкта навігатора та отримаємо деяку інформацію про наш браузер.
Об'єкт навігатора - це властивість вікна, до якого можна отримати доступ
window.navigator or navigator
Оскільки вікно є глобальним об’єктом і знаходиться у верхній частині ланцюга області, до нього можна отримати доступ, не додаючи префікса вікна.
Таблиця 1: Властивості об’єкта Навігатора
Нижче згадуються деякі властивості об’єкта навігатора
Власність | Опис |
appCodeName | Повертає кодове ім'я браузера |
appName | Повертає ім'я браузера |
appVersion | Повертає інформацію про версію браузера |
cookieEnabled | Визначає, чи ввімкнено файли cookie в браузері |
геолокація | Повертає об’єкт геолокації, який можна використовувати для пошуку позиції користувача |
мову | Повертає мову браузера |
онлайн | Визначає, чи веб-переглядач в Інтернеті |
платформа | Повертає, для якої платформи переглядається браузер |
продукт | Повертає назву двигуна браузера |
userAgent | Повертає заголовок користувача-агента, який браузер надсилає серверу |
Таблиця 2: Методи об’єкта Навігатора
Метод | Опис |
javaEnabled () | Вказує, чи увімкнено браузер з підтримкою Java |
taintEnabled () | Видалено у версії 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());
Вихід:
Важливо пам’ятати, що навігатор.appCodeName завжди призводить до «Mozilla» через причини сумісності. Крім того, ми використовуємо Chrome, Firefox, IE11 або Safari, властивість appName об’єкта навігатора завжди призведе до "Netscape". Нам також потрібно пам’ятати, що часто інформація, повернута з об’єкта навігатора, може бути помилковою або оманливою, оскільки дані, повернені об’єктом навігатора, можуть бути змінені користувачем, браузер не повідомляє про нову операційну систему, яка випускається після браузера, інша браузери можуть використовувати одне ім’я. Властивості об’єктів навігатора є властивістю лише для читання. Крім властивостей і методів, у Навігаторі JavaScript є ще одна функція, відома як Колекції.
Таблиця 3: Колекції об’єкта Навігатора
У таблиці нижче перелічені колекції, присутні в об’єкті навігатора 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 разом із прикладами. Ви також можете переглянути наступні статті, щоб дізнатися більше -
- Як працює JavaScript
- JavaScript проти JQuery
- TypeScript vs JavaScript
- HTML5 та JavaScript
- Колекції PL / SQL | Синтаксис, типи, винятки
- Як файли cookie працюють у JavaScript?