JavaScript Network Speed Tester

JavaScript Network Speed Tester

JavaScript Bandwidth Checker

Script Installation

Requirements

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

Step 1: Script Directory

Copy the entire /javascript-network-speed-tester directory on your web server. The directory is included in the downloaded archive.

Step 2: Include the Script

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.
The paths are relative to your current HTML page, so please pay attention to that.

<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: Show the default UI

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

The module needs to know where its files are located. Add the following code at the end of your HTML page but replace the path to your actual path relative to the HTML page:

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

A Basic Usage Sample

<html>
    <head>
        <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>
    </head>
    <body>
        <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>
    </body>
</html>
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.

Short Information

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.

Buyer rating:
147 Sales