Navigator — это объект, который предоставляет различные свойства для получения текущих функций веб-браузера и свойств, которые помогают разработчикам выбрать правильный браузер для своего приложения. Этот ' Навигатор Объект предлагает свойство с именем userAgentData, которое предоставляет данные, связанные с текущим веб-браузером, такие как дизайн пользовательского интерфейса, размеры шрифтов или взаимодействия, чтобы лучше соответствовать среде пользователя. Существует множество других свойств, предоставляемых объектом навигатора, которые кратко обсуждаются в нашей статье. Статья 1 и статья2 .
В этом блоге объясняется свойство userAgentData объекта Navigator в JavaScript.
Как получить свойство userAgentData навигатора?
Информация предоставлена « пользовательагентдата Свойство позволяет разработчикам выполнять поиск в различных браузерных средах и выявлять любые проблемы, которые могут возникнуть на определенных платформах. Он доступен через « Навигатор ' объект. Значения свойств « бренды», «мобильные» и «платформенные» можно получить с помощью команды « пользовательагентдата ” объекта Navigator.
Синтаксис
Навигатор» пользовательагентдата Свойство ” имеет следующий синтаксис:
навигатор. пользовательагентдата
Приведенный выше синтаксис возвращает значения для содержащихся свойств, таких как « бренды», «мобильные» и «платформенные» » относительно веб-браузера.
Давайте создадим программу, чтобы увидеть практическую демонстрацию:
< тело >< ч1 стиль '=' 'цвет: кадетский синий;' > Линукс < / ч1 >< кнопка по щелчку '=' 'бренды()' > Получить бренды < / кнопка >
< кнопка по щелчку '=' 'мобильный()' > Получить мобильный < / кнопка >
< кнопка по щелчку '=' 'Платформа()' > Получить бренды < / кнопка >
< сценарий >
функции брендов(){
console.log( navigator.userAgentData.brands )
}
функция мобильного(){
console.log('Вы просматриваете на мобильном устройстве: ' + navigator.userAgentData.mobile)
}
функциональная платформа(){
console.log('Платформа или операционная система, которую вы используете:\n ' + navigator.userAgentData.platform)
}
< / сценарий >
< / тело >
Описание кода, отображаемого в приведенном выше блоке кода, выглядит следующим образом:
- Сначала три «< кнопка >» используются теги, которые вызывают « бренды()», «мобильный()» и «платформа()». » пользовательские функции с использованием прослушивателя событий «onclick».
- Внутри «< сценарий >», определите « бренды ()», которая извлекает информацию о бренде веб-браузера с помощью свойства «navigator.userAgentData.brands». Кроме того, отобразите результат, полученный этим свойством, на консоли.
- Таким же образом определите « мобильный()» и «платформа()» ” функционирует и использовать “ navigator.userAgentData.mobile» и «navigator.userAgentData.platform». свойства соответственно.
- Эти свойства возвращают соответствующие данные через консоль.
Окончательный результат выглядит следующим образом:
Вывод показывает, что при нажатии на кнопку соответствующее значение извлекается и отображается в окне консоли.
Дополнительный совет: использование свойства userAgent Navigator
« пользовательский агент » имущество также предоставляется « штурман ” объект, он возвращает имя, версию и платформу текущего браузера, который использует пользователь. Практическая демонстрация этого свойства навигатора приведена ниже:
< тело >< ч1 стиль '=' 'цвет: кадетский синий;' > Линуксхинт < / ч1 >
< кнопка по щелчку '=' 'Данные браузера()' > Связано с браузером Данные < / кнопка >
< п идентификатор '=' 'цель' >< / п >< сценарий >
функция BrowseData ( ) { консоль.log ( navigator.userAgent ) }
< / сценарий >
< / тело >
Приведенный выше код описывается как:
- Во-первых, «< кнопка >» используется вместе с тегом « по щелчку прослушиватель событий, который вызывает функцию «browserData()».
- Далее это « данные браузера ()» функция определена внутри «< сценарий >» тег. Эта функция использует « navigator.userAgent », и результат отображается на консоли.
Предварительный просмотр веб-страницы после завершения написания приведенного выше кода:
Вывод показывает, что данные, относящиеся к веб-браузеру, были получены и отображены в окне консоли.
Вы узнали, как получить свойство userAgentData навигатора.
Заключение
« navigator.userAgentData Свойство ” извлекает значения, специфичные для браузера, что очень помогает, когда разработчики создают приложение специально для одного или нескольких веб-браузеров. Это свойство может получать значения для « бренды», «мобильные» и «платформенные» ” строки, возвращаемые значения варьируются от браузера к браузеру. Строку необходимо прикрепить рядом с « navigator.userAgentData ” для возврата значения только для этой строки. В этом блоге успешно описан процесс использования свойства navigator.userAgentData в JavaScript.