Comment faire pour détecter la vitesse de connexion Avec javascript

La vitesse de connexion est le flux de données à débit entre deux ordinateurs sur un réseau, tel qu'Internet. La vitesse de connexion est mesuré en unités de bits par seconde (bps), mais le plus souvent il est indiqué en kilobits (1024 bits) par seconde (kbps, typiques pour les connexions modem) ou mégabits (1024 kilobits) par seconde (Mbps, typique pour les connexions à large bande) . Création d'une page Web avec javascript pour mesurer et calculer la vitesse de connexion est un outil d'administration utile pour réseau et connexion Internet surveillance que vous pouvez exécuter directement dans votre navigateur Web. Vous pouvez également l'utiliser pour détecter la connexion de votre visiteur du site pour décider d'envoyer la version consommateur de bande passante ou de la lumière de votre contenu.

Choses que vous devez

  • éditeur de texte, tel que Notepad ++
  • page Web
  • Navigateur Web compatible javascript-
  • adresse Web à une image à utiliser pour le test

Instructions

  1. Ouvrez votre page Web à laquelle vous souhaitez ajouter la détection de la vitesse de connexion javascript dans votre éditeur de texte.

  2. Ajouter début et de fin des balises de script dans la zone d'en-tête de la page web (après le départ tag, mais avant la fin tag), par exemple:

  3. Ajoutez le code suivant entre les balises début et de fin de script, remplaçant "myimage.jpg" avec le nom de fichier de l'image que vous souhaitez utiliser pour le test de vitesse. Le "? N =" + Math.random () partie de l'adresse qui est construit et affecté à des astuces imageAddr le navigateur web dans l'extraction de l'image à chaque fois au lieu d'utiliser une version mise en cache localement. Utilisez une image avec une taille de fichier d'environ 200 kilo-octets.

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

  4. Ajoutez le code suivant sur la ligne suivante du script pour créer les variables pour stocker l'heure de début de l'épreuve, heure de fin et la taille du téléchargement. Fixé "Taille de téléchargement" à la taille du fichier d'image en octets.




    var startTime, endTime
    GO
    Taille de téléchargement var = 200000;

  5. Ajoutez le code suivant pour mettre en place l'image qui va être téléchargé pour le test. "télécharger" est mis en place comme un objet de l'image. L'action pour capturer la fin du téléchargement est affecté à activer lorsque le téléchargement d'image terminée.

    var download = new Image ();

    download.onload = function () {

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

    montrer les résultats ()
    GO
    }

  6. Ajoutez le code suivant qui exécute le test de vitesse. L'heure actuelle est capturée dans startTime. L'adresse de l'image est affectée à download.src commence le téléchargement d'image.




    startTime = (new Date ()) getTime (). -
    download.src = imageAddr;

  7. Ajoutez la fonction suivante au script qui calcule affiche les résultats des tests de vitesse. En premier lieu, il calcule la durée, la conversion millisecondes à quelques secondes. Ensuite, il convertit la taille de téléchargement à des bits, calcule la vitesse de téléchargement, et convertit la vitesse à kbps et Mbps. Enfin, il affiche une boîte de message avec les résultats.

    showResults de function () {
    Durée du var = Math.round ((endTime - startTime) / 1000) -
    var = Taille de téléchargement bitsLoaded * 8
    GO
    speedBps var = Math.round (bitsLoaded / durée)
    GO
    speedKbps var = (speedBps / 1024) .toFixed (2)
    GO
    speedMbps var = (speedKbps / 1024) .toFixed (2)
    GO
    alert ("Votre vitesse de connexion est: n" +

    speedBps + &bps quot- n "- +
    speedKbps + &kbps quot- n "- +
    speedMbps + "- Mbps n "-)

    GO
    }

  8. Ouvrez la page dans votre navigateur, et de le tester pour vous assurer que le script fonctionne correctement. Il peut prendre quelques secondes pour que la boîte de message pour faire apparaître les résultats des tests.

Conseils & Avertissements

  • Le javascript mesure la vitesse entre l'ordinateur visualisation de la page web et le site d'hébergement de l'image utilisée pour le test. Si vous testez la connexion à votre propre site web, accueillera l'image sur votre propre site. Testez la vitesse de connexion générale en fournissant l'adresse d'une image hébergée sur un site avec beaucoup de bande passante et la vitesse tels que Flickr ou Amazon.
» » » » Comment faire pour détecter la vitesse de connexion Avec javascript