A kapcsolat sebességének észlelése JavaScript segítségével

A kapcsolat sebessége a két számítógép közötti adatáramlás sebessége egy hálózaton, például az interneten keresztül. A kapcsolat sebességét bit per másodperc (bps) egységben mérik, de általában kilobitben (1024 bit) másodpercenként (kbps, tipikus modemkapcsolatokra) vagy megabitben (1024 kilobit) másodpercenként (Mbps, jellemző a szélessávú kapcsolatokra) adják meg. . A kapcsolati sebesség mérésére és kiszámítására szolgáló JavaScript-alapú weboldal létrehozása hasznos adminisztrációs eszköz a hálózati és internetkapcsolat figyeléséhez, amelyet közvetlenül a webböngészőben futtathat. Használhatja webhelye látogatója kapcsolatának észlelésére is, és eldöntheti, hogy a tartalom nagy sávszélességű vagy könnyű verzióját szeretné-e elküldeni.

1. lépés

Nyissa meg a weboldalt, amelyhez hozzá szeretné adni a kapcsolatsebesség-érzékelő JavaScriptet a szövegszerkesztőben.

2. lépés

Adjon hozzá kezdő és záró szkriptcímkéket a weboldal fejlécébe (a kezdőlap után címke, de a vége előtt címke), például:

3. lépés

Adja hozzá a következő kódot a kezdő és záró szkriptcímkék közé, a „sajátkép.jpg” helyére a sebességteszthez használni kívánt kép fájlnevét. A cím "?n=" + Math.random() része, amely az imageAddr számára készült és hozzá van rendelve, ráveszi a webböngészőt, hogy minden alkalommal lekérje a képet ahelyett, hogy helyileg gyorsítótárazott verziót használna. Használjon körülbelül 200 kilobájt fájlméretű képet.

var imageAddr ="saját kép.jpg" + "?n=" + Math.random();

4. lépés

Adja hozzá a következő kódot a szkript következő sorához, hogy létrehozza azokat a változókat, amelyek tárolják a teszt kezdési idejét, befejezési idejét és letöltési méretét. Állítsa a "downloadSize"-t a képfájl méretére bájtokban.

var startTime, endTime GO var downloadSize =200000;

5. lépés

Adja hozzá a következő kódot a teszthez letöltendő kép beállításához. A "letöltés" kép objektumként van beállítva. A letöltés végének rögzítésére szolgáló művelet a kép letöltése után aktiválódik.

var download =new Image();
download.onload =function() {
endTime =(new Date()).getTime();
showResults () GO }

6. lépés

Adja hozzá a következő kódot, amely a sebességtesztet futtatja. Az aktuális időt a startTime rögzíti. A letöltés.src címhez rendelt képcím elindítja a kép letöltését.

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

7. lépés

Adja hozzá a következő függvényt a szkripthez, amely kiszámítja a sebességteszt eredményeit. Először is kiszámítja az időtartamot, ezredmásodperceket másodpercekre konvertálva. Ezután a letöltési méretet bitekre konvertálja, kiszámítja a letöltési sebességet, és a sebességet kbps-re és Mbps-re konvertálja. Végül megjelenik egy üzenetablak az eredményekkel.

function showResults () { var időtartam =Math.round((endTime - startTime) / 1000); var bitsLoaded =downloadSize * 8 GO var speedBps =Math.round(bitsLoaded / időtartam) GO var speedKbps =(speedBps / 1024).toFixed(2) GO var speedMbps =(speedKbps / 1024).toFixed(2) GO alert ("" A kapcsolat sebessége:\n" + speedBps + " bps\n" + speedKbps + " kbps\n" + speedMbps + " Mbps\n") GO }

8. lépés

Nyissa meg az oldalt a böngészőben, és ellenőrizze, hogy a szkript megfelelően működik-e. Eltarthat néhány másodpercig, amíg a teszteredményeket tartalmazó üzenetablak megjelenik.

Tipp

A JavaScript méri a sebességet a weboldalt megtekintő számítógép és a teszthez használt képet tároló webhely között. Ha teszteli a kapcsolatot a saját webhelyével, akkor a képet a saját webhelyén tárolja. Tesztelje az általános kapcsolati sebességet úgy, hogy megadja a címet egy nagy sávszélességű és -sebességű webhelyen tárolt képhez, mint például a Flickr vagy az Amazon.