Hogyan lehet észlelni a kapcsolat sebességét JavaScript segítségével

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

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 egy helyi gyorsítótárazott verziót használna. Használjon körülbelül 200 kilobájt fájlméretű képet.

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 be a "downloadSize"-t a képfájl méretére bájtokban.

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.

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 figyelmeztetés ("A kapcsolat sebessége: \n" + speedBps + "bps\n" + speedKbps + " kbps\n" + speedMbps + " Mbps\n") GO }

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, tárolja a képet a saját webhelyén. 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.