JavaScript Bandwidth Tester

JavaScript Bandwidth Tester

Network Broadband Speed Checker

Using the Network Speed Tester

As you probably know by now, WiseLoop JavaScript Bandwidth Tester is a jQuery plugin that allows you to do a network speed test against your internet server. The script can check many server types (like Apache HTTP, Apache Tomcat, IIS, nginx, Oracle HTTP, jetty etc.) as long as the server supports POST and GET HTTP verbs.
The graphical design is highly customizable by using CSS themes and plugin options.
The following samples will show you how to integrate the network speed tester script into your own projects.

Usage Scenarios

For the simplicity of the learning process, all the samples below uses a simple HTML page layout and the bandwidth tester plugin is called when the page loading is completed.
Also, you need a basic understanding of HTML, JavaScript ans jQuery. If you are not familiar with HTML, JavaScript or jQuery, you can find plenty of documentation over the internet.

Your page is located in the same directory where the WiseLoop JavaScript Bandwidth Tester binaries are located

This is the most simple case and quite improbable to exists; anyway it represents a good start.

 <html>
    <head>
        <script type="text/javascript" src="jquery.min.js"></script>
        <script type="text/javascript" src="jQuery.wlBWT.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
               $('#wl-bwt').wlBWt();
            });
        </script>
    </head>
    <body>
        <div id="wl-bwt"></div>
    </body>
</html>

Your page is located in a different directory from the WiseLoop JavaScript Bandwidth Tester binaries

 <html>
    <head>
        <script type="text/javascript" src="path-to-jquery/jquery.min.js"></script>
        <script type="text/javascript" src="path-to-wlbwt-script/jQuery.wlBWT.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#wl-bwt').wlBWt({
                    BinPath: 'path-to-wlbwt-script/bins'
                });
            });
        </script>
    </head>
    <body>
        <div id="wl-bwt"></div>
    </body>
</html>

Choosing a theme

A theme is in fact a CSS file and it must be located inside the css directory under the bins subdirectory.

 <html>
    <head>
        <script type="text/javascript" src="path-to-jquery/jquery.min.js"></script>
        <script type="text/javascript" src="path-to-wlbwt-script/jQuery.wlBWT.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#wl-bwt').wlBWt({
                    BinPath: 'path-to-wlbwt-script/bins',
                    Theme: 'rainbow',
                });
            });
        </script>
    </head>
    <body>
        <div id="wl-bwt"></div>
    </body>
</html>

Animation

Starting with version 4.0.0, the speed charts are animated by default. The duration is expressed in milliseconds and by default is 400 ms.

 <html>
    <head>
        <script type="text/javascript" src="path-to-jquery/jquery.min.js"></script>
        <script type="text/javascript" src="path-to-wlbwt-script/jQuery.wlBWT.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#wl-bwt').wlBWt({
                    BinPath: 'path-to-wlbwt-script/bins',
                    Theme: 'rainbow',
                    AnimationDuration: 500
                });
            });
        </script>
    </head>
    <body>
        <div id="wl-bwt"></div>
    </body>
</html>

If no animation is desired, just set the AnimationDuration option to 0.

Adapting to a specific server type

The upload speed is measured by sending a certain amount of data to a default empty file located on server called 'server.post'. It does not matter how the server handles the data sent, it is important to receive it only; that's why the default server data receiver file 'server.post' file is empty. This is a very good idea and that's why WiseLoop JavaScript Bandwidth Tester supports any server type.
Although server types like Apache HTTP or Apache Tomcat can receive data sent via POST to an unregistered mime file type like '.post', there are server types like IIS7 for instance that does not know how to handle by default unregistered mime file types. So, for instance in IIS7 when sending data via POST to 'server.post' file an error will be triggered.
The solution to this kind of problem is either to register the '.post' extension as a new mime file type that IIS7 will recognize, or a much simple solution is to change the default server data receiver file 'server.post' to a IIS compatible one like 'server.asp'. This can be done by setting up an argument for the jQuery plugin called ServerPost. Of course 'server.asp' will be an empty file also.

 <html>
    <head>
        <script type="text/javascript" src="path-to-jquery/jquery.min.js"></script>
        <script type="text/javascript" src="path-to-wlbwt-script/jQuery.wlBWT.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#wl-bwt').wlBWt({
                    BinPath: 'path-to-wlbwt-script/bins',
                    ServerPost: 'server.asp',
                });
            });
        </script>
    </head>
    <body>
        <div id="wl-bwt"></div>
    </body>
</html>
Regular License $5.00
Use by you or one client, in a single end product which end users are not charged for.

Extended License $25.00
Use by you or one client, in a single end product which end users can be charged for.

Short Information

WiseLoop JavaScript Bandwidth Tester is a jQuery plugin that allows you to do a network speed test against your internet server. The script can check many server types (like Apache HTTP, Apache Tomcat, IIS, nginx, Oracle HTTP, jetty etc.) as long as the server supports POST and GET AJAX commands.
Based on the download speed, this jQuery plugin can also compute a reference internet cost that the user should pay for.
The plugin is localizable and the graphical design is highly customizable by using CSS themes and plugin options.

Buyer rating:
526 Sales