Navigator to obiekt udostępniający różne właściwości umożliwiające pobranie bieżących funkcji przeglądarki internetowej oraz właściwości, które pomagają programistom w wyborze odpowiedniej przeglądarki dla ich aplikacji. Ten ' Nawigator ” oferuje właściwość o nazwie „userAgentData”, która dostarcza dane związane z bieżącą przeglądarką internetową, takie jak projekt interfejsu użytkownika, rozmiary czcionek lub interakcje, aby lepiej dopasować je do środowiska użytkownika. Obiekt navigator ma wiele innych właściwości, które zostały pokrótce omówione w naszym artykule artykuł 1 I artykuł2 .
W tym blogu wyjaśniono właściwość userAgentData obiektu Navigator w języku JavaScript.
Jak uchwycić właściwość userAgentData Navigatora?
Informacje przekazane przez „ Dane agenta użytkownika ” pozwala programistom przeszukiwać różne środowiska przeglądarek i identyfikować wszelkie problemy, które mogą pojawić się na określonych platformach. Dostęp do niego można uzyskać poprzez „ Nawigator ' obiekt. Wartości właściwości „ marek”, „mobilnych” i „platformowych”. ” można pobrać za pomocą „ Dane agenta użytkownika ” właściwość obiektu Navigator.
Składnia
Nawigator” Dane agenta użytkownika ” ma następującą składnię:
nawigator. Dane agenta użytkownika
Powyższa składnia zwraca wartości zawierające właściwości takie jak „ marek”, „mobilnych” i „platformowych”. ” w stosunku do przeglądarki internetowej.
Przygotujmy program pokazujący praktyczną demonstrację:
< ciało >< h1 styl = 'kolor: błękit kadetowy;' > Linuksa < / h1 >< przycisk na kliknięcie = „marki()” > Odzyskaj marki < / przycisk >
< przycisk na kliknięcie = 'mobilny()' > Odzyskaj telefon komórkowy < / przycisk >
< przycisk na kliknięcie = 'platforma()' > Odzyskaj marki < / przycisk >
< scenariusz >
funkcja marki(){
konsola.log(navigator.userAgentData.brands)
}
funkcja mobilna(){
console.log('Wyświetlasz na urządzeniu mobilnym: ' + navigator.userAgentData.mobile)
}
platforma funkcyjna(){
console.log('Platforma lub system operacyjny, którego używasz:\n ' + navigator.userAgentData.platform)
}
< / scenariusz >
< / ciało >
Opis kodu wyświetlanego w powyższym bloku kodu jest następujący:
- Najpierw trzy „< przycisk >” używane są znaczniki, które wywołują „ marki()”, „mobile()” i „platforma() ” niestandardowe funkcje wykorzystujące detektor zdarzeń „onclick”.
- Wewnątrz „< scenariusz >”, zdefiniuj znacznik „ marki ()”, która pobiera informacje o marce przeglądarki internetowej za pomocą właściwości „navigator.userAgentData.brands”. Wyświetl także wynik pobrany przez tę właściwość w konsoli.
- W ten sam sposób zdefiniuj „ mobile()” i „platforma() ” działają i wykorzystują „ navigator.userAgentData.mobile” i „navigator.userAgentData.platform odpowiednio „właściwości”.
- Te właściwości zwracają odpowiednie dane za pośrednictwem konsoli.
Ostateczny wynik wygląda następująco:
Dane wyjściowe pokazują, że kliknięcie przycisku powoduje pobranie odpowiedniej wartości i wyświetlenie jej w oknie konsoli.
Dodatkowa wskazówka: użycie właściwości userAgent Navigatora
„ agent użytkownika ” nieruchomość zapewnia także „ nawigator ” zwraca nazwę, wersję i platformę aktualnie używanej przeglądarki. Poniżej przedstawiono praktyczną demonstrację tej właściwości nawigatora:
< ciało >< h1 styl = 'kolor: błękit kadetowy;' > Podpowiedź dotycząca Linuksa < / h1 >
< przycisk na kliknięcie = „Dane przeglądarki()” > Związane z przeglądarką Dane < / przycisk >
< P ID = 'cel' >< / P >< scenariusz >
funkcja dane przeglądarki ( ) { konsola.log ( navigator.userAgent ) }
< / scenariusz >
< / ciało >
Powyższy kod jest opisany jako:
- Po pierwsze, „< przycisk >” jest używany wzdłuż „ na kliknięcie ” detektor zdarzeń, który wywołuje funkcję „browserData()”.
- Następnie to „ Dane przeglądarki ()” jest zdefiniowana wewnątrz „< scenariusz >” Funkcja ta wykorzystuje „ navigator.userAgent ”, a wynik zostanie wyświetlony w konsoli.
Podgląd strony po uzupełnieniu powyższego kodu:
Dane wyjściowe pokazują, że dane powiązane z przeglądarką internetową zostały pobrane i wyświetlone w oknie konsoli.
Znasz już procedurę obsługi właściwości userAgentData nawigatora.
Wniosek
„ navigator.userAgentData ” pobiera wartości specyficzne dla przeglądarki, co jest bardzo pomocne, gdy programiści tworzą aplikację specjalnie dla jednej lub wielu przeglądarek internetowych. Ta właściwość może pobrać wartości dla „ marek”, „mobilnych” i „platformowych”. ”, zwracane wartości różnią się w zależności od przeglądarki. Ciąg należy dołączyć obok „ navigator.userAgentData ”, aby zwrócić wartość tylko dla tego ciągu. W tym blogu pomyślnie wyjaśniono proces użycia właściwości navigator.userAgentData w języku JavaScript.