Jak zdobyć agent użytkownika w JavaScript

Uzyskanie agenta użytkownika w JavaScript jest bardzo pomocne, ponieważ pobiera treści internetowe dla użytkowników końcowych. Ponadto można go również wykorzystać do dokładnego przesyłania informacji o urządzeniu żądania sieci. Oprócz tego zmiana agenta użytkownika zapewnia również ochronę przed docelowym złośliwym oprogramowaniem. W takich przypadkach uzyskanie agenta użytkownika w JavaScript jest bardzo pomocne.

Ten blog wyjaśni podejścia do uzyskania agentów użytkowników w JavaScript.

Jak zdobyć agenta użytkownika w JavaScript?

„„agent użytkownika„Właściwość podaje nagłówek agenta użytkownika, który jest wysyłany na serwer przez przeglądarkę. Agent użytkownika można pobrać za pomocą „agent użytkownika„Własność w różnych scenariuszach. Te scenariusze są następujące:

Przykład 1: Pobierz agenta użytkownika w JavaScript za pomocą funkcji zdefiniowanej przez użytkownika
Ten konkretny przykład można zastosować, aby uzyskać agenta użytkownika dwóch różnych przeglądarek za pomocą funkcji zdefiniowanej przez użytkownika.

Rzućmy okiem na następujący kod-snippet:

Pobierz agenta użytkownika w JavaScript

Kliknij, aby uzyskać agenta użytkownika

W powyższym kodzie:

• W pierwszym etapie obejmują podane nagłówek.
• Następnie utwórz przycisk z załączonym „na kliknięcie„Wydarzenie wywołujące funkcję zdefiniowaną przez użytkownika useragent ().
• W następnym kroku dołącz nagłówek z określonym „ID„Aby powstrzymać wynik”agent użytkownika".

Kontynuujmy do części kodu JavaScript:

funkcja useragent ()
Pozwól Get = Navigator.agent użytkownika;
dokument.getElementById („Usag”).innerHtml = "użytkownik-agent to:" + get;

W powyższym kodzie JS wykonaj następujące kroki:

• Deklaruj funkcję o nazwie „agent użytkownika()".
• W swojej definicji zastosuj „agent użytkownika„Właściwość, która zwróci informacje o nazwie przeglądarki, wersji itp.

Wyjście (dla chromowanej przeglądarki)

Wyjście (dla przeglądarki Microsoft Edge)

Z powyższych wyników można zaobserwować różnicę agenta użytkownika w obu przeglądarkach.

Przykład 2: Pobierz agenta użytkownika w JavaScript za pomocą instrukcji przełącznika
„„przełącznik„Oświadczenie służy do zastosowania różnych warunków na działania. Niniejsze oświadczenie można zastosować do zastosowania czeku na różne przeglądarki, aby zwrócić odpowiedni agent użytkownika.

Składnia

strunowy.indexof (wyszukiwanie, start)

W podanej składni:

• "szukaj”Odnosi się do ciągu do przeszukiwania.
• "początek”Wskazuje pozycję początkową.

Przykład
Przejdźmy do następującego przykładu.

W poniższym przykładzie wykonaj następujące kroki:

• Zawierać "nagłówek„Aby zawierać wynikowy komunikat.
• Utwórz funkcję i zastosuj „przełącznik”Oświadczenie z określonym„Boolean„Wartość jako jej parametr.
• W swojej definicji zastosuj sprawdzenie określonego „przeglądarki”Prowadząc wyjątek„-1" I.e brak wartości.
• Zastosuj także „indeks()„Metoda sprawdzania zawartego ciągu w jego parametrze w wynikającym z tego agenta użytkownika. Ten warunek spowoduje skonfigurowanie odpowiedniej przeglądarki.
• Następnie zastosuj „agent użytkownika„Własność wraz z„Tolowercase ()„Metoda, aby uzyskać agenta użytkownika odpowiedniej przeglądarki i przekształcić ją w niższą obudowę.
• Na koniec zastosuj „Innertext”Właściwość wyświetlania odpowiedniej nazwy przeglądarki wraz z jej agentem użytkownika.

-1:
zwróć „MS Edge”;
agent sprawy.indexof („edg/”)> -1:
powrót „Edge (na bazie chromu)”;
agent sprawy.indexof („opr”)> -1 && !!okno.OPR:
zwrócić „Opera”;
agent sprawy.indexof („Chrome”)> -1 && !!okno.chrom:
zwrócić „Chrome”;
agent sprawy.indeksof („safari”)> -1:
zwrócić „safari”;
Domyślnie: zwróć „inne”;
)
(okno.nawigator.agent użytkownika.TOLOWERCAS ());
dokument.QuerySelelector („H3”).innerText = "
konsola.Dziennik (okno.nawigator.agent użytkownika.TOLOWERCAS ());

Wyjście (dla chromowanej przeglądarki)

Wyjście (dla przeglądarki Microsoft Edge)

W powyższych wyjściach widać, że obie przeglądarki są wykrywane wraz z agentami użytkownika.

Wszystkie wygodne podejścia zostały omówione w celu uzyskania agenta użytkownika w JavaScript.

Wniosek

„„agent użytkownika„Można pobrać dla różnych przeglądarków za pomocą„określony przez użytkownika”Funkcja, a także„przełącznik”Oświadczenie w JavaScript. Poprzedni przykład jest prosty i można go zaimplementować, aby uzyskać agenta użytkownika odpowiedniej przeglądarki i zwrócić go jako nagłówek. To ostatnie podejście obsługuje wiele przeglądarek na podstawie zawartej wartości ciągu i zwraca agenta użytkownika odpowiedniej przeglądarki. Ten zapis wyjaśnia, jak zdobyć agenta użytkownika w JavaScript.