Deze blog legt de benaderingen uit om user agents in JavaScript te krijgen.
Hoe krijg ik een user-agent in JavaScript?
De ' userAgent ” eigenschap geeft de header van de user-agent die door de browser naar de server wordt gestuurd. User agent kan worden opgehaald met behulp van de ' userAgent ” onroerend goed in verschillende scenario's. Deze scenario's zijn als volgt:
Voorbeeld 1: Get User Agent in JavaScript met behulp van door de gebruiker gedefinieerde functie
Dit specifieke voorbeeld kan worden toegepast om de user-agent van twee verschillende browsers te krijgen met behulp van een door de gebruiker gedefinieerde functie.
Laten we eens kijken naar het volgende codefragment:
< h3 > Gebruik een gebruikersagent in javascript h3 >
< knop opklik = 'userAgent()' > Klik naar krijgen Gebruikersagent knop >
< h3 tel = 'opnieuw' stijl = 'achtergrondkleur: lichtblauw;' > h3 >
In bovenstaande code:
- Neem in de eerste stap de vermelde kop op.
- Maak daarna een knop met een bijgevoegde ' bij klikken ”gebeurtenis die de door de gebruiker gedefinieerde functie userAgent() aanroept.
- Neem in de volgende stap de kop op met de opgegeven ' ID kaart ” om de resulterende “ gebruikersagent ”.
Laten we doorgaan naar het JavaScript-gedeelte van de code:
functie userAgent ( ) {laten krijgen = navigator. userAgent ;
document. getElementById ( 'opnieuw' ) . binnenHTML = 'User-agent is: ' + krijgen ;
}
Voer in de bovenstaande js-code de volgende stappen uit:
- Declareer een functie met de naam ' userAgent() ”.
- Pas in zijn definitie de ' userAgent ” eigenschap die de informatie over de naam van de browser, versie etc. retourneert.
Uitvoer (voor Chrome-browser)
Uitvoer (voor Microsoft Edge Browser)
Uit de bovenstaande uitvoer kan het verschil in user-agent in beide browsers worden waargenomen.
Voorbeeld 2: Get User Agent in JavaScript met behulp van Switch-instructies
De ' schakelaar ” verklaring wordt gebruikt om verschillende voorwaarden toe te passen op de acties. Deze verklaring kan worden toegepast om verschillende browsers te controleren om de bijbehorende user-agent terug te sturen.
Syntaxis
snaar. index van ( zoeken , begin )In de gegeven syntaxis:
- “ zoeken ” verwijst naar de string die moet worden doorzocht.
- “ begin ” geeft de startpositie aan.
Voorbeeld
Laten we naar het volgende voorbeeld gaan.
Voer in het volgende voorbeeld de volgende stappen uit:
- Voeg de ' rubriek ” om het resulterende bericht te bevatten.
- Maak een functie en pas de ' schakelaar ” verklaring met de gespecificeerde “ booleaans ” waarde als parameter.
- Pas in zijn definitie een vinkje toe op de vermelde ' browsers ” door de uitzondering van “ -1 ” d.w.z. geen waarde gevonden.
- Pas ook de “ index van() ” methode om de ingesloten tekenreeks in de parameter in de resulterende user-agent te controleren. Deze voorwaarde zal resulteren in het configureren van de overeenkomstige browser.
- Pas daarna de ' userAgent ” woning samen met de “ toLowerCase() '-methode om de user-agent van de overeenkomstige browser op te halen en om te zetten in kleine letters.
- Pas ten slotte de ' binnentekst ” eigenschap om de corresponderende browsernaam samen met zijn user-agent weer te geven.
< h3 > h3 >
lichaam >
- 1 :
opbrengst 'MS-rand' ;
geval tussenpersoon. index van ( 'edg/' ) > - 1 :
opbrengst 'Edge (op basis van chroom)' ;
geval tussenpersoon. index van ( 'opr' ) > - 1 && !! venster. op :
opbrengst 'Opera' ;
geval tussenpersoon. index van ( 'chroom' ) > - 1 && !! venster. chroom :
opbrengst 'Chroom' ;
geval tussenpersoon. index van ( 'safari' ) > - 1 :
opbrengst 'Safari' ;
standaard : opbrengst 'ander' ;
} } )
( venster. navigator . userAgent . naar kleine letters ( ) ) ;
document. querySelector ( 'h3' ) . binnentekst = 'Je gebruikt ' + browserNaam + 'browser' ;
troosten. loggen ( venster. navigator . userAgent . naar kleine letters ( ) ) ;
script >
Uitvoer (voor Chrome-browser)
Uitvoer (voor Microsoft Edge Browser)
In de bovenstaande uitvoer is het duidelijk dat beide browsers samen met hun user-agents worden gedetecteerd.
Alle handige benaderingen zijn besproken om user agent in JavaScript te krijgen.
Conclusie
De ' gebruikersagent ” kan voor verschillende browsers worden opgehaald met behulp van “ gebruiker gedefinieerde ” functie evenals de “ schakelaar ”verklaring in JavaScript. Het eerste voorbeeld is eenvoudig en kan worden geïmplementeerd om de user-agent van de overeenkomstige browser op te halen en als kop terug te sturen. De laatste benadering verwerkt meerdere browsers op basis van de daarin opgenomen tekenreekswaarde en retourneert de user-agent van de overeenkomstige browser. In dit artikel wordt uitgelegd hoe u een user-agent in JavaScript kunt krijgen.