Navigator ir objekts, kas nodrošina dažādus rekvizītus, lai izgūtu pašreizējās tīmekļa pārlūkprogrammas funkcijas un rekvizītus, kas palīdz izstrādātājiem izvēlēties savai lietojumprogrammai piemērotu pārlūkprogrammu. Šis ' Navigators ” objekts piedāvā rekvizītu ar nosaukumu “userAgentData”, kas nodrošina ar pašreizējo tīmekļa pārlūkprogrammu saistītus datus, piemēram, lietotāja interfeisa dizainu, fontu izmērus vai mijiedarbības, lai tie labāk atbilstu lietotāja videi. Ir daudz citu īpašību, ko nodrošina navigatora objekts, kas ir īsi apspriesti mūsu pants1 un pants2 .
Šis emuārs izskaidros Navigator objekta userAgentData rekvizītu JavaScript.
Kā saprast Navigator userAgentData rekvizītu?
Informācija, ko sniedz ' userAgentData Īpašums ļauj izstrādātājiem meklēt dažādās pārlūkprogrammu vidēs un identificēt visas problēmas, kas varētu rasties konkrētās platformās. Tas ir pieejams, izmantojot ' Navigators ” objekts. Rekvizītu vērtības ' zīmoli”, “mobilās ierīces” un “platforma”. ” var izgūt, izmantojot userAgentData ” objekta Navigator īpašība.
Sintakse
Navigators ' userAgentData Īpašumam ir šāda sintakse:
navigators. userAgentData
Iepriekš minētā sintakse atgriež vērtības tādiem rekvizītiem kā ' zīmoli”, “mobilās ierīces” un “platforma”. ” attiecībā pret tīmekļa pārlūkprogrammu.
Izveidosim programmu, lai redzētu praktisko demonstrāciju:
< ķermeni >< h1 stils = 'krāsa: kadetzila;' > Linux < / h1 >< pogu onclick = 'zīmoli()' > Atgūt zīmolus < / pogu >
< pogu onclick = 'mobilais()' > Atgūt mobilo < / pogu >
< pogu onclick = 'platforma()' > Atgūt zīmolus < / pogu >
< skripts >
funkciju zīmoli(){
console.log(navigator.userAgentData.brands)
}
function mobile(){
console.log('Jūs skatāties mobilajā ierīcē: ' + navigator.userAgentData.mobile)
}
funkciju platforma(){
console.log('Platforma vai operētājsistēma, kuru izmantojat:\n ' + navigator.userAgentData.platform)
}
< / skripts >
< / ķermeni >
Iepriekš minētajā koda blokā parādītā koda apraksts ir šāds:
- Pirmkārt, trīs “< pogu >” tiek izmantoti tagi, kas izsauc “ zīmoli()”, “mobilais()” un “platforma() ” pielāgotas funkcijas, izmantojot notikumu uztvērēju “onclick”.
- Iekšpusē “< skripts >' tagu, definējiet ' zīmoli ()” funkcija, kas izgūst tīmekļa pārlūkprogrammas zīmola informāciju, izmantojot rekvizītu “navigator.userAgentData.brands”. Parādiet arī šī īpašuma izgūto rezultātu konsolē.
- Tādā pašā veidā definējiet ' mobilais()” un “platforma() ' funkcijas un izmantojiet ' navigator.userAgentData.mobile” un “navigator.userAgentData.platform ” īpašības.
- Šie rekvizīti konsolē atgriež atbilstošos datus.
Gala rezultāts izskatās šādi:
Izvade parāda, ka, noklikšķinot uz pogas, atbilstošā vērtība tiek izgūta un parādīta konsoles logā.
Bonusa padoms: Navigator userAgent rekvizīta izmantošana
' lietotāja aģents ' īpašumu nodrošina arī ' navigators ” objektu, tas atgriež pašreizējās pārlūkprogrammas nosaukumu, versiju un platformu, kuru lietotājs izmanto. Šīs navigatora īpašības praktiskā demonstrācija ir norādīta zemāk:
< ķermeni >< h1 stils = 'krāsa: kadetzila;' > Linuxhint < / h1 >
< pogu onclick = 'browserData()' > Saistīts ar pārlūkprogrammu Dati < / pogu >
< lpp id = 'mērķis' >< / lpp >< skripts >
funkcija pārlūkprogrammaDati ( ) { console.log ( navigator.userAgent ) }
< / skripts >
< / ķermeni >
Iepriekš minētais kods ir aprakstīts šādi:
- Pirmkārt, “< pogu >” tags tiek izmantots kopā ar “ onclick ” notikumu uztvērējs, kas izsauc funkciju “browserData()”.
- Tālāk šis ' pārlūkprogrammas dati ()” funkcija ir definēta “<” iekšpusē skripts >” tagu. Šī funkcija izmanto ' navigator.userAgent ” rekvizītu, un rezultāts tiek parādīts konsolē.
Tīmekļa lapas priekšskatījums pēc iepriekš minētā koda aizpildīšanas:
Izvade parāda, ka ar tīmekļa pārlūkprogrammu saistītie dati ir izgūti un parādīti konsoles logā.
Jūs esat apguvis procedūru, kā izprast navigatora rekvizītu userAgentData.
Secinājums
' navigator.userAgentData ” īpašums izgūst pārlūkprogrammai raksturīgās vērtības, kas ļoti palīdz, kad izstrādātāji veido lietojumprogrammu īpaši vienai vai vairākām tīmekļa pārlūkprogrammām. Šis rekvizīts var izgūt vērtības “ zīmoli”, “mobilās ierīces” un “platforma”. ” virknes, atgrieztās vērtības dažādās pārlūkprogrammās atšķiras. Virkne ir jāpievieno blakus ' navigator.userAgentData ”, lai atgrieztu vērtību tikai šai virknei. Šajā emuārā ir veiksmīgi izskaidrots rekvizīta navigator.userAgentData izmantošanas process JavaScript.