网络应用带宽表

分享于 

3分钟阅读

Web开发

  繁體 雙語

介绍

本文介绍如何创建带宽表来测量网络应用程序的网络速度。

背景

一位客户要求为他的网络应用提供带宽表。 在浏览器中制作带宽表是一个巨大的挑战。 几个小时后,我想到了一个让它使用JavaScript的想法。 在本文中,我将共享我的代码,使用JavaScript制作带宽表。

使用代码

将页呈现到浏览器时,将从服务器发送文本流。 我使用了JavaScript并测量了传输一些虚拟文本的时间。 然后我将这个时间转换为带宽测量。

below 是使用JavaScript创建带宽表的步骤:

  • 在传输虚拟文本之前获得起始时间:

<script language="javascript" type="text/javascript"> 


 time = new Date();


 time1 = time.getTime();


</script>



  • 将 45000字节的虚拟文本传输到HTML注释标记中。 我们使用这里文本来度量将 45000字节传送到浏览器的时间。

<!-- Dummy Text to measure transfer speed -->


<!-- Place dummy text of 45000 bytes (sample included in attachment)-->



  • 这是真正的东西。 在传输 45000字节之前,我们有开始时间,并且当前时间。 我们计算时间差异以获取传输 45000字节所需的时间。 利用这个时间差,我们计算了传输 45000字节的实际带宽。 现在,你已经完成了你自己的带宽表:)

<script language="javascript" type="text/javascript"> 


 time = new Date();


 time2 = time.getTime();


 ttime = time2 - time1;



 if (ttime == 0)


 ttime =. 1;



 ttime = ttime/1000; //thousand mili seconds


 kbps = 45/ttime;


 kbps = kbps * 8; // multiply by 8 to make kiloBITS instead of kiloBYTES


 kbps = Math.round (kbps);


 document.getElementById("lblBandwidth").innerHTML=kbps + " kbps"; 


</script>



历史记录

  • 22 2007年12月: 初始版本。

WEB  Web应用  Meter  带宽  
相关文章