Този блог ще обясни подходите за получаване на потребителски агенти в JavaScript.
Как да получите потребителски агент в JavaScript?
„ userAgent ” Свойството дава заглавката на потребителския агент, който се изпраща на сървъра от браузъра. Потребителският агент може да бъде извлечен чрез „ userAgent ” собственост в различни сценарии. Тези сценарии са както следва:
Пример 1: Вземете потребителски агент в JavaScript с помощта на дефинирана от потребителя функция
Този конкретен пример може да се приложи за получаване на потребителския агент на два различни браузъра с помощта на дефинирана от потребителя функция.
Нека да разгледаме следния кодов фрагмент:
< h3 > Вземете потребителски агент в JavaScript h3 >
< бутон при щракване = 'userAgent()' > Кликнете, за да получавам Потребителски агент бутон >
< h3 id = 'отново' стил = 'цвят на фона: светлосин;' > h3 >
В горния код:
- В първата стъпка включете посоченото заглавие.
- След това създайте бутон с прикачен „ onclick ” събитие, извикващо дефинираната от потребителя функция userAgent().
- В следващата стъпка включете заглавието с посоченото „ документ за самоличност ', за да съдържа резултата' потребителски агент ”.
Нека продължим към JavaScript частта от кода:
функция userAgent ( ) {позволявам получавам = навигатор. userAgent ;
документ. getElementById ( 'отново' ) . innerHTML = „Потребителски агент е:“ + получавам ;
}
В горния js код изпълнете следните стъпки:
- Декларирайте функция с име ' потребителски агент () ”.
- В неговата дефиниция приложете „ userAgent ”, което ще върне информацията за името на браузъра, версия и т.н.
Изход (за браузър Chrome)
Изход (за Microsoft Edge Browser)
От горните резултати може да се види разликата на потребителския агент в двата браузъра.
Пример 2: Вземете потребителски агент в JavaScript с помощта на оператори Switch
„ превключвател ” изразът се използва за прилагане на различни условия към действията. Това изявление може да се приложи за прилагане на проверка на различни браузъри, за да се върне съответният потребителски агент.
Синтаксис
низ. индекс на ( Търсене , започнете )В дадения синтаксис:
- “ Търсене ” се отнася до низа, в който ще се търси.
- “ започнете ” показва началната позиция.
Пример
Нека преминем към следния пример.
В следния пример изпълнете следните стъпки:
- Включете „ заглавие ”, за да съдържа полученото съобщение.
- Създайте функция и приложете „ превключвател ” изявление с посоченото “ булево ” стойност като негов параметър.
- В неговата дефиниция приложете проверка на посоченото „ браузъри ” чрез обработка на изключението на „ -1 ” т.е. няма намерена стойност.
- Също така приложете „ индекс на() ” за проверка на съдържащия се низ в неговия параметър в получения потребителски агент. Това условие ще доведе до конфигуриране на съответния браузър.
- След това приложете „ userAgent ” собственост заедно с „ toLowerCase() ”, за да получите потребителския агент на съответния браузър и да го преобразувате в малки букви.
- Накрая приложете „ innerText ” за показване на съответното име на браузъра заедно с неговия потребителски агент.
< h3 > h3 >
тяло >
- 1 :
връщане 'MS Edge' ;
случай агент. индекс на ( 'ръб/' ) > - 1 :
връщане 'Edge (базиран на хром)' ;
случай агент. индекс на ( 'опр' ) > - 1 && !! прозорец. опр :
връщане 'Опера' ;
случай агент. индекс на ( 'хром' ) > - 1 && !! прозорец. хром :
връщане 'Chrome' ;
случай агент. индекс на ( 'сафари' ) > - 1 :
връщане 'сафари' ;
по подразбиране : връщане 'друго' ;
} } )
( прозорец. навигатор . userAgent . toLowerCase ( ) ) ;
документ. querySelector ( 'h3' ) . innerText = 'Вие използвате' + име на браузъра + 'браузър' ;
конзола. дневник ( прозорец. навигатор . userAgent . toLowerCase ( ) ) ;
сценарий >
Изход (за браузър Chrome)
Изход (за Microsoft Edge Browser)
В горните резултати е очевидно, че и двата браузъра са открити заедно с техните потребителски агенти.
Бяха обсъдени всички удобни подходи за получаване на потребителски агент в JavaScript.
Заключение
„ потребителски агент ” може да се извлече за различни браузъри с помощта на „ дефиниран от потребителя ”, както и функцията „ превключвател ” в JavaScript. Първият пример е прост и може да се приложи, за да получите потребителския агент на съответния браузър и да го върнете като заглавие. Последният подход обработва множество браузъри въз основа на съдържащата се низова стойност в тях и връща потребителския агент на съответния браузър. Тази статия обяснява как да получите потребителски агент в JavaScript.