Tämä blogi selittää tavat saada käyttäjäagentteja JavaScriptiin.
Kuinka saada käyttäjäagentti JavaScriptiin?
' käyttäjä agentti ”-ominaisuus antaa user-agentin otsikon, jonka selain lähettää palvelimelle. Käyttäjäagentti voidaan hakea käyttämällä ' käyttäjä agentti ” omaisuutta eri skenaarioissa. Nämä skenaariot ovat seuraavat:
Esimerkki 1: Hanki User Agent JavaScriptissä käyttämällä käyttäjän määrittämää funktiota
Tätä esimerkkiä voidaan soveltaa kahden eri selaimen käyttäjäagentin saamiseen käyttäjän määrittämän toiminnon avulla.
Katsotaanpa seuraavaa koodinpätkää:
< h3 > Hanki käyttäjäagentti sisään JavaScript h3 >
< painiketta onclick = 'käyttäjä agentti()' > Napsauta saada Käyttäjä agentti -painiketta >
< h3 id = 'uudelleen' tyyli = 'taustaväri: vaaleansininen;' > h3 >
Yllä olevassa koodissa:
- Sisällytä ensimmäisessä vaiheessa ilmoitettu otsikko.
- Luo sen jälkeen painike, johon on liitetty ' klikkaamalla ” tapahtuma, joka kutsuu käyttäjän määrittämän funktion userAgent().
- Lisää seuraavassa vaiheessa otsikko määritetyllä ' id ' jotta tuloksena oleva ' käyttäjä agentti ”.
Jatketaan koodin JavaScript-osaan:
toiminto käyttäjä agentti ( ) {päästää saada = navigaattori. käyttäjä agentti ;
asiakirja. getElementById ( 'uudelleen' ) . innerHTML = 'Käyttäjäagentti on:' + saada ;
}
Suorita seuraavat vaiheet yllä olevassa js-koodissa:
- Ilmoita funktio nimeltä ' käyttäjä agentti() ”.
- Käytä sen määritelmässä ' käyttäjä agentti ”-ominaisuus, joka palauttaa tiedot selaimen nimestä, versiosta jne.
Lähtö (Chrome-selaimelle)
Tulostus (Microsoft Edge -selaimelle)
Yllä olevista tuloksista voidaan havaita käyttäjäagentin ero molemmissa selaimissa.
Esimerkki 2: Hanki User Agent JavaScriptissä Switch-lauseiden avulla
' vaihtaa ”-lausetta käytetään eri ehtojen soveltamiseen toimiin. Tätä lausetta voidaan soveltaa tarkistamaan eri selaimet vastaavan käyttäjäagentin palauttamiseksi.
Syntaksi
merkkijono. sisällysluettelo ( Hae , alkaa )Annetussa syntaksissa:
- ' Hae ” viittaa haettavaan merkkijonoon.
- ' alkaa ” osoittaa aloitusasennon.
Esimerkki
Siirrytään seuraavaan esimerkkiin.
Suorita seuraavassa esimerkissä seuraavat vaiheet:
- Sisällytä ' otsikko ' sisältää tuloksena olevan viestin.
- Luo funktio ja käytä ' vaihtaa ' lauseke määritetyllä ' boolean ”-arvo parametriksi.
- Tarkista sen määritelmässä mainittu ' selaimet ' käsittelemällä poikkeuksen ' -1 ”eli arvoa ei löydy.
- Käytä myös ' sisällysluettelo() ” -menetelmä tarkistaaksesi parametrissaan olevan merkkijonon tuloksena olevassa käyttäjäagentissa. Tämä ehto johtaa vastaavan selaimen määrittämiseen.
- Käytä sen jälkeen ' käyttäjä agentti ' kiinteistö yhdessä ' pienet kirjaimet() ” -menetelmää saadaksesi vastaavan selaimen käyttäjäagentti ja muuntaa se pieniksi kirjaimiksi.
- Käytä lopuksi ' sisäteksti ' -ominaisuutta näyttääkseen vastaavan selaimen nimen yhdessä sen käyttäjäagentin kanssa.
< h3 > h3 >
kehon >
- 1 :
palata 'MS Edge' ;
tapaus agentti. sisällysluettelo ( 'edg/' ) > - 1 :
palata 'Edge (kromipohjainen)' ;
tapaus agentti. sisällysluettelo ( 'opr' ) > - 1 && !! ikkuna. opr :
palata 'Ooppera' ;
tapaus agentti. sisällysluettelo ( 'kromi' ) > - 1 && !! ikkuna. kromi :
palata 'Kromi' ;
tapaus agentti. sisällysluettelo ( 'safari' ) > - 1 :
palata 'Safari' ;
oletuksena : palata 'muu' ;
} } )
( ikkuna. navigaattori . käyttäjä agentti . pienellä kirjaimella ( ) ) ;
asiakirja. querySelector ( 'h3' ) . sisäteksti = 'Käytät ' + selaimen nimi + 'selain' ;
konsoli. Hirsi ( ikkuna. navigaattori . käyttäjä agentti . pienellä kirjaimella ( ) ) ;
käsikirjoitus >
Lähtö (Chrome-selaimelle)
Tulostus (Microsoft Edge -selaimelle)
Yllä olevissa lähdöissä on selvää, että molemmat selaimet tunnistetaan yhdessä niiden käyttäjäagenttien kanssa.
Kaikista kätevistä tavoista on keskusteltu käyttäjäagentin saamiseksi JavaScriptiin.
Johtopäätös
' käyttäjä agentti ' voidaan hakea eri selaimille '' käyttäjän määrittelemä ”-toiminto sekä ” vaihtaa ”lauseke JavaScriptissä. Edellinen esimerkki on yksinkertainen ja se voidaan toteuttaa hankkimaan vastaavan selaimen käyttäjäagentti ja palauttamaan se otsikkona. Jälkimmäinen lähestymistapa käsittelee useita selaimia niissä olevan merkkijonoarvon perusteella ja palauttaa vastaavan selaimen käyttäjäagentin. Tämä kirjoitus selittää kuinka saada JavaScript-käyttäjäagentti.