Come rilevare la velocità di connessione con JavaScript

May 9

Come rilevare la velocità di connessione con JavaScript


La velocità di connessione è flussi di dati tra due computer di tasso attraverso una rete, come Internet. La velocità di connessione è misurata in unità di bit al secondo (bps), ma di solito si afferma in kilobit (1024 bit) al secondo (kbps, tipici per le connessioni via modem) o megabit (1024 kilobit) al secondo (Mbps, tipico per connessioni a banda larga) . La creazione di una pagina web con JavaScript per misurare e calcolare la velocità di connessione è uno strumento di amministrazione utile per la connessione a Internet di rete e di monitoraggio che è possibile eseguire direttamente nel tuo browser web. È inoltre possibile utilizzare per rilevare la connessione vostro sito web del visitatore di decidere se inviare la versione di larghezza di banda ad alta intensità o la luce dei tuoi contenuti.

istruzione

1 Aprire la pagina Web a cui si desidera aggiungere il rilevamento della velocità di connessione JavaScript nel vostro editor di testo.

2 Aggiungere inizio e fine tag script nell'area di intestazione della pagina web (dopo il tag di partenza <HEAD> ma prima che il </ head> tag di chiusura), ad esempio:

<Script type = \ "text / javascript \" language = \ "Javascript \">
</ Script>

3 Aggiungere il seguente codice tra l'iniziale e finale tag script, sostituendo \ "myimage.jpg \" con il nome del file di immagine che si desidera utilizzare per il test di velocità. Il \ "? N = \" + Math.random () parte dell'indirizzo che è costruito e assegnato a trucchi imageAddr il browser web in recupero l'immagine ogni volta che invece di utilizzare una versione in cache locale. Utilizzare un'immagine con una dimensione del file di circa 200 kilobyte.

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

4 Aggiungere il seguente codice nella riga successiva dello script per creare le variabili per memorizzare l'ora di inizio della prova, ora di fine e dimensioni di download. Impostare \ "downloadSize \" alla dimensione del file di immagine in byte.

var startTime, endTime
ANDARE
var downloadSize = 200000;

5 Aggiungere il seguente codice per impostare l'immagine che verranno scaricati per la prova. \ "Download \" si configura come un oggetto immagine. L'azione di catturare la fine del download viene assegnato per attivare quando l'immagine download.

var download = nuova immagine ();

download.onload = function () {

. EndTime = (new Date ()) getTime ();

mostra i risultati ()
ANDARE
}

6 Aggiungere il seguente codice che viene eseguito il test di velocità. L'ora corrente viene catturato in startTime. L'indirizzo immagine che viene assegnato al download.src inizia il download delle immagini.

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

7 Aggiungere la seguente funzione allo script che calcola visualizza i risultati del test di velocità. Innanzitutto, calcola la durata, la conversione millisecondi a secondi. Successivamente, converte la dimensione del download di bit, calcola la velocità di download, e converte la velocità di kbps e Mbps. Infine, si apre una finestra di messaggio con i risultati.

showResults function () {
Durata var = Math.round ((endTime - startTime) / 1000);
var = bitsLoaded downloadSize * 8
ANDARE
var = speedBps Math.round (bitsLoaded / durata)
ANDARE
var speedKbps = (speedBps / 1024) .toFixed (2)
ANDARE
var speedMbps = (speedKbps / 1024) .toFixed (2)
ANDARE
alert (\ "La velocità di connessione è: \ n \" +

speedBps + \&quot; bps\\n\&quot; +
speedKbps + \&quot; kbps\\n\&quot; +
speedMbps + \&quot; Mbps\\n\&quot;)

ANDARE
}

8 Aprire la pagina nel browser, e provarlo per assicurarsi che lo script funziona correttamente. Potrebbero essere necessari alcuni secondi per la finestra di messaggio di pop-up con i risultati del test.

Consigli e avvertenze

  • Il JavaScript misura la velocità tra il computer la visualizzazione della pagina web e il sito che ospita l'immagine utilizzata per il test. Se si sta testando la connessione al proprio sito web, l'immagine sul proprio sito web. Metti alla prova la velocità di connessione in generale, fornendo l'indirizzo di un'immagine ospitata su un sito con un sacco di larghezza di banda e la velocità come Flickr o Amazon.