Nwlapcug.com


Come rilevare la velocità di connessione con JavaScript

Come rilevare la velocità di connessione con JavaScript


Velocità di connessione è i tasso dei flussi di dati tra due computer attraverso una rete, ad esempio Internet. Velocità di connessione è misurata in unità di bit al secondo (bps), ma di solito è riportata in kilobit (1024 bit) al secondo (kbps, tipico per le connessioni modem) o megabit (1024 kilobit) al secondo (Mbps, tipico per le connessioni a banda larga). Creazione di una pagina web con JavaScript per misurare e calcolare la velocità di connessione è uno strumento di amministrazione utile per rete e connessione a Internet di monitoraggio che è possibile eseguire destra nel tuo browser web. Anche utilizzarlo per rilevare connessione del visitatore del sito Web per decidere se inviare la versione banda o luce dei tuoi contenuti.

Istruzioni

1

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

2

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

< script tipo = \ "testo/javascript\" lingua = \ "Javascript\" >
< / script >

3

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

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

4

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

var startTime, endTime
VAI
var downloadSize = 200000;

5

Aggiungere il codice seguente per impostare l'immagine che verrà scaricato per il test. \"download\" è impostato come un oggetto Image. L'azione di catturare la fine del download viene assegnata per attivare quando viene completato il download dell'immagine.

Scarica var = new Image;

Download.onLoad = function () {

endTime = (nuovo Date()).getTime();

showResults)
VAI
}

6

Aggiungere il seguente codice che esegue il test di velocità. L'ora corrente è catturato in startTime. L'indirizzo dell'immagine assegnata a download.src inizia il download dell'immagine.

startTime = (nuovo Date()).getTime();
Download.src = imageAddr;

7

Aggiungere la seguente funzione allo script che calcola Visualizza i risultati del test di velocità. In primo luogo, si calcola la durata, conversione millisecondi in secondi. Successivamente, converte le dimensioni di download a bit, calcola la velocità di download e converte la velocità kbps e Mbps. Infine, si apre una finestra di messaggio con i risultati.

Function showResults () {
var durata = Math. Round ((endTime-startTime) / 1000);
var bitsLoaded = downloadSize * 8
VAI
var speedBps = Math.round(bitsLoaded / duration)
VAI
var speedKbps = (speedBps / 1024).toFixed(2)
VAI
var speedMbps = (speedKbps / 1024).toFixed(2)
VAI
avviso (\"Your velocità di connessione è: \n\"+

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

VAI
}

8

Aprire la pagina nel browser e testarlo per assicurarsi che lo script funzioni correttamente. Potrebbe richiedere alcuni secondi per la finestra di messaggio di pop-up con i risultati del test.

Consigli & Avvertenze

  • Il JavaScript misura la velocità tra il computer visualizzando la pagina web e il sito che ospita l'immagine utilizzata per il test. Se si sta testando la connessione per il proprio sito Web, ospitare l'immagine sul proprio sito Web. Testare velocità connessione generale fornendo l'indirizzo di un'immagine ospitata su un sito con un sacco di banda e velocità come flickr o Amazon.