Fügen Sie im Kopfbereich der Webseite beginnende und beendende Skript-Tags hinzu (nach dem Start-Tag, aber vor dem End-Tag), zum Beispiel:
Fügen Sie den folgenden Code zwischen den Anfangs- und End-Skript-Tags ein und ersetzen Sie "myimage.jpg" durch den Dateinamen des Bildes, das Sie für den Geschwindigkeitstest verwenden möchten. Der Teil "?n=" + Math.random() der Adresse, der erstellt und imageAddr zugewiesen wird, verleitet den Webbrowser dazu, das Bild jedes Mal abzurufen, anstatt eine lokal zwischengespeicherte Version zu verwenden. Verwenden Sie ein Bild mit einer Dateigröße von ungefähr 200 Kilobyte.
Fügen Sie den folgenden Code in die nächste Zeile des Skripts ein, um die Variablen zu erstellen, um die Startzeit, Endzeit und Downloadgröße des Tests zu speichern. Setzen Sie "downloadSize" auf die Größe der Bilddatei in Byte.
Fügen Sie den folgenden Code hinzu, um das Bild einzurichten, das für den Test heruntergeladen wird. "download" ist als Image-Objekt eingerichtet. Die Aktion zum Erfassen des Endes des Downloads wird aktiviert, wenn der Bilddownload abgeschlossen ist.
Fügen Sie dem Skript, das die Geschwindigkeitstestergebnisse berechnet, die folgende Funktion hinzu. Zuerst berechnet es die Dauer und wandelt Millisekunden in Sekunden um. Als nächstes wandelt es die Download-Größe in Bits um, berechnet die Download-Geschwindigkeit und wandelt die Geschwindigkeit in kbps und Mbps um. Schließlich wird ein Meldungsfeld mit den Ergebnissen angezeigt.
Funktion showResults () { var Dauer = Math.round ((endTime - startTime) / 1000); var bitsLoaded = downloadSize * 8 GO var speedBps = Math.round (bitsLoaded / Dauer) GO var speedKbps = (speedBps / 1024).toFixed (2) GO var speedMbps = (speedKbps / 1024).toFixed (2) GO alert ("Ihre Verbindungsgeschwindigkeit ist: \n" + speedBps + "bps\n" + speedKbps + "kbps\n" + speedMbps + " Mbit/s\n") LOS }
Öffnen Sie die Seite in Ihrem Browser und testen Sie sie, um sicherzustellen, dass das Skript richtig funktioniert. Es kann einige Sekunden dauern, bis das Meldungsfeld mit den Testergebnissen angezeigt wird.
Spitze
Das JavaScript misst die Geschwindigkeit zwischen dem Computer, der die Webseite anzeigt, und der Site, die das für den Test verwendete Bild hostet. Wenn Sie die Verbindung zu Ihrer eigenen Website testen, hosten Sie das Bild auf Ihrer eigenen Website. Testen Sie die allgemeine Verbindungsgeschwindigkeit, indem Sie die Adresse eines Bilds angeben, das auf einer Website mit viel Bandbreite und Geschwindigkeit wie Flickr oder Amazon gehostet wird.
