WiseLoop JavaScript Network Speed Tester 2.1.2
JavaScript Bandwidth Checker
WiseLoop JavaScript Network Speed Tester

WiseLoop JavaScript Network Speed Tester is an AngularJS module designed to offer a network bandwidth check against your internet server. Many server types are supported such as Apache HTTP, IIS, Node.js, nginx, Tomcat, Oracle HTTP, jetty and based on the download speed, it can also offer an estimation of internet cost that the user should pay for.

Screencast

Main Features

  • ping time measurement;
  • download speed test;
  • upload speed test;
  • optional comparison charts;
  • estimation of internet costs;
  • multiple server type support (Apache HTTP, Apache Tomcat, IIS, nginx, Oracle HTTP, jetty, node.js etc.);
  • cross-browser support;
  • localization support;
  • powered by AngularJS and Bootstrap;
  • customizable AngularJS UI directive included;
  • access to network speed measurement raw data for building own UI;
  • exhaustive documentation with many samples.

Requirements

  • An HTTP server that allows GET and POST calls;
  • A JavaScript enabled internet browser;
  • AngularJS 1.2.2 or newer;
  • Bootstrap 3 (CSS only).

Installation and Usage Instructions

  • Step 1: copy the /javascript-network-speed-tester on directory your web server;
  • Step 2: include the /javascript-network-speed-tester/bins/wl-ng-network-speed-tester.js in your page; the script has bootstrap.css and AngularJS as dependencies, so they should be included also:
    <link rel="stylesheet" href="/javascript-network-speed-tester/bins/lib/bootstrap/css/bootstrap.min.css"/>
    <script type="text/javascript" src="/javascript-network-speed-tester/bins/lib/angular/angular.min.js"></script>
    <script type="text/javascript" src="/javascript-network-speed-tester/bins/wl-ng-network-speed-tester.js"></script>
    
  • Step 3: UI is shown by adding a div as below:
    <div ng-app="wl-ng-network-speed-tester" wl-ng-network-speed-tester></div>
    
  • Step 4: Set the bins directory of the module:
    <script type="text/javascript">
        angular.module('wl-ng-network-speed-tester').value('bins', 'javascript-network-speed-tester/bins');
    </script>
    

A Basic Usage Sample

<div ng-app="wl-ng-network-speed-tester" wl-ng-network-speed-tester></div>
<script type="text/javascript">
    angular.module('wl-ng-network-speed-tester').value('bins', 'javascript-network-speed-tester/bins');
</script>

Video Tutorials

Information