Kako zaznati hitrost povezave z JavaScriptom

Hitrost povezave je hitrost pretoka podatkov med dvema računalnikoma v omrežju, kot je internet. Hitrost povezave se meri v enotah biti na sekundo (bps), običajno pa je navedena v kilobitih (1024 bitov) na sekundo (kbps, značilno za modemske povezave) ali megabitih (1024 kilobitov) na sekundo (Mbps, značilno za širokopasovne povezave). . Ustvarjanje spletne strani z JavaScriptom za merjenje in izračun hitrosti povezave je uporabno skrbniško orodje za nadzor omrežja in internetne povezave, ki ga lahko zaženete kar v spletnem brskalniku. Uporabite ga lahko tudi za zaznavanje povezave obiskovalca vašega spletnega mesta, da se odločite, ali želite poslati pasovno zahtevno ali lahko različico vaše vsebine.

1. korak

V urejevalniku besedil odprite svojo spletno stran, na katero želite dodati JavaScript za zaznavanje hitrosti povezave.

2. korak

Dodajte začetno in končno oznako skripta v območje glave spletne strani (za začetnim , vendar pred končnico oznako), na primer:

3. korak

Med začetno in končno oznako skripta dodajte naslednjo kodo, pri čemer "myimage.jpg" nadomestite z imenom datoteke slike, ki jo želite uporabiti za preizkus hitrosti. Del naslova "?n=" + Math.random(), ki je zgrajen in dodeljen imageAddr, prevara spletni brskalnik, da vsakič pridobi sliko, namesto da uporabi lokalno predpomnjeno različico. Uporabite sliko z velikostjo datoteke približno 200 kilobajtov.

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

4. korak

Dodajte naslednjo kodo v naslednjo vrstico skripta, da ustvarite spremenljivke za shranjevanje začetnega časa, končnega časa in velikosti prenosa testa. Nastavite »downloadSize« na velikost slikovne datoteke v bajtih.

var startTime, endTime GO var downloadSize =200000;

5. korak

Dodajte naslednjo kodo, da nastavite sliko, ki bo prenesena za preizkus. "download" je nastavljen kot objekt slike. Dejanje za zajemanje konca prenosa je dodeljeno za aktiviranje, ko je prenos slike končan.

var prenos =nova slika();
download.onload =funkcija() {
endTime =(nov datum()).getTime();
showResults () POJDI }

6. korak

Dodajte naslednjo kodo, ki izvaja preizkus hitrosti. Trenutni čas je zajet v startTime. Naslov slike, ki je dodeljen download.src, začne prenos slike.

startTime =(nov datum()).getTime(); download.src =imageAddr;

7. korak

Skriptu dodajte naslednjo funkcijo, ki izračuna rezultate testa hitrosti. Najprej izračuna trajanje in pretvori milisekunde v sekunde. Nato pretvori velikost prenosa v bite, izračuna hitrost prenosa in pretvori hitrost v kbps in Mbps. Na koncu se prikaže okno s sporočilom z rezultati.

function showResults () { var duration =Math.round((endTime - startTime) / 1000); var bitsLoaded =downloadSize * 8 GO var speedBps =Math.round(bitsLoaded / duration) GO var speedKbps =(speedBps / 1024).toFixed(2) GO var speedMbps =(speedKbps / 1024).toFixed(2) GO opozorilo (" Vaša hitrost povezave je:\n" + hitrost Bps + " bps\n" + hitrostKbps + " kbps\n" + hitrostMbps + " Mbps\n") POJDI }

8. korak

Odprite stran v brskalniku in jo preizkusite, da se prepričate, ali skript deluje pravilno. Morda bo trajalo nekaj sekund, da se prikaže okno s sporočilom z rezultati testa.

Nasvet

JavaScript meri hitrost med računalnikom, ki si ogleduje spletno stran, in mestom, ki gosti sliko, uporabljeno za test. Če preizkušate povezavo s svojim spletnim mestom, gostite sliko na svojem spletnem mestu. Preizkusite splošno hitrost povezave tako, da posredujete naslov sliki, ki gostuje na mestu z veliko pasovno širino in hitrostjo, kot sta flickr ali Amazon.