Navigaattori JavaScript - Ominaisuudet, menetelmät ja kokoelmat (esimerkit)

Sisällysluettelo:

Anonim

Johdanto Navigatoriin JavaScript-sovelluksessa

Navigator JavaScriptissä on esine, joka tarjoaa yksityiskohdat selaimesta, jota käyttäjä käyttää Web-sovellukseen pääsyyn. Koska meillä on asiakirjaobjektimalli (DOM) hallita tietojen käsittelyä, samoin meillä on selainobjektimalli (BOM), joka antaa meille mahdollisuuden hallita sitä, kuinka sovelluksia tarkastellaan selaimessa. Jotkut BOM-yksiköt ovat:

  • Historia
  • Sijainti
  • kuvaruutu
  • Asiakirja
  • Navigator

JavaScript-navigaattoriobjekti auttaa mukauttamaan sovellustamme käyttäjän selaimen ja sen mukaan, mitkä entiteetit on otettu käyttöön tai poistettu käytöstä heidän selaimen asetuksissa, koska tiedämme, että kaikki selaimet eroavat toisistaan ​​ja käsittelevät JavaScriptiä eri tavalla.

Tässä artikkelissa selitetään BOM-navigaattorin JavaScriptin hyödyntämät ominaisuudet.

Navigatorin ominaisuudet JavaScript-sovelluksessa

JavaScript Navigator tarjoaa useita menetelmiä ja ominaisuuksia, joita voidaan käyttää kiinnostavan tiedon saamiseen käyttäjän selaimesta. Tämä voi auttaa ohjelmoijaa tunnistamaan ja löytämään toiminnot, joita selain tukee tai ei.

Nyt tiedämme, että navigointiobjekti auttaa tunnistamaan käyttäjän käyttämän selaimen. Tässä artikkelin osassa käsittelemme navigaattoriobjektin yleisesti käytettyjä ominaisuuksia ja menetelmiä ja saamme joitain tietoja selaimestamme.

Navigaattoriobjekti on ikkunaominaisuus, johon pääsee

window.navigator or navigator

Koska ikkuna on globaali objekti ja on laajuusketjun yläosassa, siihen voidaan päästä lisäämättä ikkunan etuliitettä.

Taulukko 1: Navigatoriobjektin ominaisuudet

Alla on mainittu joitain navigaattoriobjektien ominaisuuksia

omaisuusKuvaus
appCodeNamePalauttaa selaimen koodinimen
appNamePalauttaa selaimen nimen
AppVersionPalauttaa selaimen versiotiedot
cookieEnabledMäärittää, ovatko evästeet käytössä selaimessa
MaantieteellisenPalauttaa paikannusobjektin, jota voidaan käyttää käyttäjän paikan löytämiseen
KieliPalauttaa selaimen kielen
verkossaMäärittää, onko selain online-tilassa
foorumiPalauttaa, mille alustalle selain on koottu
tuotePalauttaa selaimen moottorin nimen
käyttäjä agenttiPalauttaa selaimen lähettämän käyttäjän agenttiotsikon palvelimelle

Taulukko 2: Navigatoriobjektin menetelmät

MenetelmäKuvaus
javaEnabled ()Määrittää, onko selaimessa Java käytössä
taintEnabled ()Poistettu JavaScript-versiosta 1.2. Määrittää, onko selaimessa tietojen värjäys käytössä

Tietojen tahraaminen antaa yhden ikkunan nähdä ominaisuudet toisessa ikkunassa, ja se poistetaan, koska se osoittautui korkean tietoturvariskin.

Esimerkki # 1

Navigaattorin ominaisuudet ja menetelmät

Koodi:


document.write(" Code Name of the Browser : ", navigator.appCodeName + "
");
document.write(" Name of the Browser : ", navigator.appName + "
");
document.write(" Cookies Enabled : ", navigator.cookieEnabled + "
");
document.write(" Platform of the Browser : ", navigator.platform + "
");
document.write(" Browser in onLine Mode : ", navigator.onLine + "
");
document.write(" Java Enabled : ", navigator.javaEnabled());

lähtö:

Tärkeä muistaa, että navigator.appCodeName johtaa aina Mozilla-tiedostoon yhteensopivuussyistä. Käytämme myös Chromea, Firefoxia, IE11: tä tai Safaria. Navigaattoriobjektin appName-ominaisuus johtaa aina “Netscape”. Meidän on myös pidettävä mielessä, että usein navigaattoriobjektista palautetut tiedot voivat olla vääriä tai harhaanjohtavia, koska käyttäjä voi muuttaa navigaattoriobjektin palauttamia tietoja, selain ei ilmoita uudesta käyttöjärjestelmästä, joka on julkaistu selaimen jälkeen, erilainen selaimet voivat käyttää samaa nimeä. Navigaattoriobjektien ominaisuudet ovat vain luku -ominaisuutta. Ominaisuuksien ja menetelmien lisäksi JavaScript-navigaattorissa on vielä yksi ominaisuus, joka tunnetaan nimellä Kokoelmat.

Taulukko 3: Navigator-objektien kokoelmat

Seuraavassa taulukossa luetellaan JavaScript-navigaattoriobjektissa olevat kokoelmat ja näemme sitten yhden esimerkin siitä.

KokoelmaKuvaus
laajennukset ()palauttaa viitteen kaikkiin asiakirjan upotettuihin objekteihin
mimetypespalauttaa kokoelman MIME-tyyppejä, joita asiakasselain tukee

Mime-ominaisuudella on kolme ennalta määritettyä kenttää:

  • nimi - MIME-tyypin nimi (video / mpeg)
  • kuvaus - tyypin kuvaus
  • jälkiliitteet - luettelo kaikista mahdollisista MIME-tyypin tiedostopäätteistä (tiedostotunnisteista).
Esimerkki 2

JavaScript Navigator -kokoelma

Koodi:


var plugin = navigator.plugins("Flash Player");
if (plugin)
document.write("Plugin Present")
else
document.write("You don't have Flash Player installed!")

lähtö:

Esimerkki 3

JavaScript Navigator -ominaisuus - maantieteellinen sijainti

Koodi:



navigator.geolocation.getCurrentPosition(showPosition);
function showPosition(position) (
console.log("Latitude: " + position.coords.latitude + "\n" +"Longitude: " + position.coords.longitude);
)

lähtö:

Se auttaa tarjoamaan käyttäjän sijainnin, mutta vaatii käyttäjän luvan jakaa sijaintinsa. Maantieteellinen sijainti on paljon tarkempi laitteille, joissa on GPS. Tämä ominaisuus on myös vain luku-ominaisuus.

johtopäätös

Opimme kuinka saada selaintietoja JavaScriptin avulla ja kuinka sen navigaattoriobjekti auttaa meitä saamaan tietoja, kuten käyttäjän selaimen nimen, version, alustan jne., Ja ovatko evästeet sallittuja käyttäjän selaimessa. Muista, että jotkut selaimet antavat vääriä tietoja vain sivustotestien ohittamiseksi.

Suositellut artikkelit

Tämä on opas Navigatoriin JavaScriptinä. Tässä keskustellaan myös navigaattorin ominaisuuksista JavaScriptinä yhdessä esimerkkien kanssa. Saatat myös katsoa seuraavia artikkeleita saadaksesi lisätietoja -

  1. Kuinka JavaScript toimii
  2. JavaScript vs. JQuery
  3. TypeScript vs. JavaScript
  4. HTML5 vs. JavaScript
  5. PL / SQL-kokoelmat | Syntaksi, tyypit, poikkeukset
  6. Kuinka evästeet toimivat JavaScript-ohjelmassa?