Navigator är ett objekt som tillhandahåller olika egenskaper för att hämta aktuella webbläsarfunktioner och egenskaper som hjälper utvecklare att välja rätt webbläsare för sin applikation. denna ' Navigatör ”-objektet erbjuder en egenskap som heter “userAgentData” som tillhandahåller data relaterade till den aktuella webbläsaren som UI-design, teckenstorlekar eller interaktioner för att bättre passa användarens miljö. Det finns många andra egenskaper som tillhandahålls av navigatorobjektet som diskuteras kort i vår Artikel 1 och artikel 2 .
Den här bloggen kommer att förklara egenskapen Navigator-objekt userAgentData i JavaScript.
Hur tar man tag i Navigator userAgentData-egenskapen?
Informationen som tillhandahålls av ' userAgentData ” Egenskapen tillåter utvecklare att söka i olika webbläsarmiljöer och identifiera eventuella problem som kan uppstå på specifika plattformar. Den är tillgänglig via ' Navigatör ” objekt. Värdena för fastigheter ' varumärken, 'mobil' och 'plattform ' kan hämtas med ' userAgentData ” egenskapen för Navigator-objektet.
Syntax
Navigatorn ' userAgentData egenskapen har följande syntax:
navigatör. userAgentData
Ovanstående syntax returnerar värdena för att innehålla egenskaper som ' varumärken, 'mobil' och 'plattform ” i förhållande till webbläsaren.
Låt oss ha ett program för att se den praktiska demonstrationen:
< kropp >< h1 stil = 'färg: kadettblå;' > Linux < / h1 >< knapp onclick = 'märken()' > Hämta varumärken < / knapp >
< knapp onclick = 'mobil()' > Hämta mobil < / knapp >
< knapp onclick = 'plattform()' > Hämta varumärken < / knapp >
< manus >
function brands(){
console.log( navigator.userAgentData.brands )
}
function mobile(){
console.log('Du tittar på mobil: ' + navigator.userAgentData.mobile)
}
function platform(){
console.log('Plattformen eller operativsystemet du använder:\n ' + navigator.userAgentData.platform)
}
< / manus >
< / kropp >
Beskrivningen av koden som visas i kodblocket ovan är som följer:
- Först tre '< knapp >'-taggar används som anropar ' brands()”, “mobile()” och “platform() ” specialbyggda funktioner med hjälp av ”onclick”-händelselyssnaren.
- Inuti '< manus >'-taggen, definiera ' märken ()”-funktion som hämtar webbläsares varumärkesinformation med hjälp av egenskapen “navigator.userAgentData.brands”. Visa också resultatet som hämtas av den här egenskapen över konsolen.
- På samma sätt definierar du ' mobile()” och “platform() '-funktioner och använda ' navigator.userAgentData.mobile” och “navigator.userAgentData.platform ” fastigheter respektive.
- Dessa egenskaper returnerar motsvarande data över konsolen.
Slutresultatet ser ut så här:
Utdata visar att genom att klicka på knappen hämtas motsvarande värde och visas över konsolfönstret.
Bonustips: Användning av Navigator userAgent Property
den ' userAgent ' egendom tillhandahålls också av ' navigatör ”-objekt, returnerar det namn, version och plattform för den aktuella webbläsaren som används av användaren. Den praktiska demonstrationen av denna navigatoregenskap anges nedan:
< kropp >< h1 stil = 'färg: kadettblå;' > Linuxhint < / h1 >
< knapp onclick = 'browserData()' > Webbläsarelaterad Data < / knapp >
< sid id = 'mål' >< / sid >< manus >
funktion webbläsareData ( ) { console.log ( navigator.userAgent ) }
< / manus >
< / kropp >
Ovanstående kod beskrivs som:
- Först, '< knapp >'-taggen används längs ' onclick ” händelseavlyssnare som anropar funktionen ”browserData()”.
- Nästa, detta ' webbläsardata ()'-funktionen är definierad i '< manus >” taggen. Denna funktion använder ' navigator.userAgent ”-egenskapen och resultatet visas över konsolen.
Förhandsgranskning av webbsidan efter att ovanstående kod är klar:
Utdata visar att data relaterade till webbläsaren har hämtats och visats över konsolfönstret.
Du har lärt dig proceduren för att förstå navigatorns userAgentData-egenskap.
Slutsats
den ' navigator.userAgentData ” egenskapen hämtar webbläsarspecifika värden vilket hjälper mycket när utvecklare skapar applikationen specifikt för en eller flera webbläsare. Den här egenskapen kan hämta värdena för ' varumärken, 'mobil' och 'plattform ” strängar, värdena som returneras varierar från webbläsare till webbläsare. Snöret måste fästas bredvid ' navigator.userAgentData ” egenskap för att returnera värdet endast för den strängen. Den här bloggen har framgångsrikt förklarat processen för att använda egenskapen navigator.userAgentData i JavaScript.