JavaScript Network Speed Tester

JavaScript Network Speed Tester

JavaScript Bandwidth Checker

JavaScript Network Speed Tester
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.

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

Images

Many options that helps you customize the network speed tester directive. Here is the default.
Network speed tester directive without comparison charts and no refresh buttons.
Network speed tester directive with download test only (with comparison chart).
The network speed tester AngularJS module offers a service that is able to provide raw network speed data measurements also.
Rich documentation helps you to use the network speed measurement service and build own AngularJS apps using the bandwidth tester.
Documentation offers video tutorials showing how to integrate the directive into HTML or how to use the network speed measurement data service and build own AngularJS apps.
Regular License $6.00
Use by you or one client, in a single end product which end users are not charged for.

Extended License $30.00
Use by you or one client, in a single end product which end users can be charged for.
Buyer rating:
144 Sales