Lägg till start- och avslutningsskripttaggar i rubrikområdet på webbsidan (efter starttaggen men före sluttaggen), till exempel:
Lägg till följande kod mellan start- och slutskripttaggarna och ersätt "myimage.jpg" med filnamnet på bilden du vill använda för hastighetstestet. "?n=" + Math.random()-delen av adressen som är byggd och tilldelad till imageAddr lurar webbläsaren att hämta bilden varje gång istället för att använda en lokalt cachad version. Använd en bild med en filstorlek på cirka 200 kilobyte.
Lägg till följande kod på nästa rad i skriptet för att skapa variablerna för att lagra testets starttid, sluttid och nedladdningsstorlek. Ställ in "downloadSize" till storleken på bildfilen i byte.
Lägg till följande kod för att ställa in bilden som ska laddas ner för testet. "download" är inställt som ett bildobjekt. Åtgärden för att fånga slutet av nedladdningen tilldelas för att aktiveras när bildnedladdningen är klar.
Lägg till följande funktion till skriptet som beräknar visar hastighetstestresultaten. Först beräknar den varaktigheten och konverterar millisekunder till sekunder. Därefter konverterar den nedladdningsstorleken till bitar, beräknar nedladdningshastigheten och konverterar hastigheten till kbps och Mbps. Slutligen dyker det upp en meddelanderuta med resultaten.
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-varning ("Din anslutningshastighet är: \n" + speedBps + " bps\n" + speedKbps + " kbps\n" + speedMbps + " Mbps\n") GÅ }
Öppna sidan i din webbläsare och testa den för att se till att skriptet fungerar korrekt. Det kan ta några sekunder innan meddelanderutan dyker upp med testresultaten.
Dricks
JavaScript mäter hastigheten mellan datorn som tittar på webbsidan och webbplatsen som är värd för bilden som används för testet. Om du testar anslutningen till din egen webbplats, värd bilden på din egen webbplats. Testa den allmänna anslutningshastigheten genom att tillhandahålla adressen till en bild som finns på en webbplats med mycket bandbredd och hastighet som flickr eller Amazon.