Hvordan oppdage tilkoblingshastighet med Javascript

Hvordan oppdage tilkoblingshastighet med Javascript


Tilkoblingshastighet er hastigheten data flyter mellom to datamaskinen over et nettverk, for eksempel Internett. Tilkoblingshastigheten er målt i enheter av biter per sekund (bps), men vanligvis er angitt i kilobit (1024 bits) per sekund (kbps, typisk for modem tilkoblinger) eller megabit (1024 kilobit) per sekund (Mbps, typisk for bredbånd) . Opprette en nettside med Javascript for å måle og beregne tilkoblingshastigheten er et nyttig administrasjonsverktøy for nettverk og Internett-tilkobling overvåking som du kan kjøre rett i nettleseren. Du kan også bruke den til å oppdage ditt nettsted besøkende tilknytning til å bestemme om du vil sende båndbredde-intensive eller lett versjon av innholdet.

Bruksanvisning

1 Åpne din nettside som du vil legge til deteksjon tilkoblingshastigheten Javascript i din tekst editor.

2 Legg starter og slutter skriptkodene i topptekstområdet av websiden (etter start <HEAD> tag men før slutt </ HEAD> tag), for eksempel:

<Script type = \ "text / javascript \" language = \ "Javascript \">
</ Script>

3 Legg til følgende kode mellom start- og slutskriptkodene, erstatte \ "myimage.jpg \" med filnavnet på bildet du vil bruke for speed test. Den \ "? N = \" + Math.random () en del av adressen som er bygget og tildelt imageAddr triks nettleseren til å hente bildet hver gang i stedet for å bruke et lokalt bufret versjon. Bruk et bilde med en filstørrelse på omtrent 200 kilobyte.

Var imageAddr = \ "myimage.jpg \" + \ + Math.random () "n = \?";

4 Legg til følgende kode på neste linje av skriptet for å opprette variabler til å lagre testens starttid, sluttid og nedlastingsstørrelse. Sett \ "downloadSize \" til størrelsen på bildefilen i byte.

Var Starttime, ENDTIME

Var downloadSize = 200000;

5 Legg til følgende kode for å sette opp bildet som vil bli lastet ned for testen. \ "Download \" er satt opp som et bildeobjekt. Handlingen å fange enden av nedlastingen er tilordnet for å aktivere når bildet nedlastingen er fullført.

Var nedlasting = new Image ();

download.onload = function () {

. ENDTIME = (new Date ()) getTime ();

Utstillingsresultater ()

}

6 Legg til følgende kode som kjører speed test. Den nåværende tidspunkt er fanget inn starttid. Bildet adresse blir tildelt download.src starter image laste ned.

. Starttime = (new Date ()) getTime ();
download.src = imageAddr;

7 Legg til følgende funksjon til skriptet som beregner Viser hastigheten testresultatene. Først beregner den varighet, konvertere millisekunder til sekunder. Deretter konverterer den nedlastingsstørrelsen til biter, beregner nedlastingshastighet, og konverterer hastigheten til kbps og Mbps. Til slutt, dukker det opp en meldingsboks med resultatene.

funksjonsutstillingsresultater () {
Var varighet = Math.round ((ENDTIME - Starttime) / 1000);
Var bitsLoaded = downloadSize * 8

Var speedBps = Math.round (bitsLoaded / varighet)

Var speedKbps = (speedBps / 1024) .toFixed (2)

Var speedMbps = (speedKbps / 1024) .toFixed (2)

alert (\ "Din tilkoblingshastighet er: \ n \" +

speedBps + \&quot; bps\\n\&quot; +
speedKbps + \&quot; kbps\\n\&quot; +
speedMbps + \&quot; Mbps\\n\&quot;)


}

8 Åpne siden i nettleseren din, og teste den for å sørge for at skriptet fungerer riktig. Det kan ta noen sekunder for meldingsboksen for å komme opp med testresultatene.

Hint

  • Javascript måler hastigheten mellom datamaskinen ser på web-siden og hosting bildet som brukes for testen. Hvis du tester tilkoblingen til din egen hjemmeside, vert bildet på din egen hjemmeside. Test generell tilkoblingshastigheten ved å gi adresse til et bilde som ligger på et område med mye båndbredde og hastighet som flickr eller Amazon.