js实现简单网速测试方法

最新推荐文章于 2021-05-05 16:39:42 发布
最新推荐文章于 2021-05-05 16:39:42 发布
阅读量1k 收藏 1
点赞数
文章标签： 前端 javascript ViewUI 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="xinmingyang">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body>
  <SCRIPT language=JavaScript>
     var st = new Date();
</SCRIPT>
<IMG  alt="测试图片" src="http://sp2.yokacdn.com/photos/f3/4f/702018/photo_322092_500.jpg"  onload="showspeed();">
<div id='showtxt'></div>
<script>
    var arr=["网速低于50KB","网速在50-100KB之间","网速在100-200KB之间","网速在200-300KB之间","视频通讯"];
    function showspeed()  
    {  
        var filesize =35.4;    //measured in KB   
        var et = new Date();  
        var speed = Math.round(filesize*1000)/(et - st);
        document.title=speed;
        var scope=(speed>0 && speed<=50)?0:(speed>50 && speed<=100)?1:(speed>=100 && speed<200)?2:(speed>=200 && speed<300)?3:4;
        alert(scope)
        document.getElementById("showtxt").innerHTML = ("您的下载速度为：" + arr[scope] + " (K/秒)")  
    }  
</script>
 </body>
</html>

 

weixin_33843409
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js测试网速
sinful的专栏
08-12 982
开户申请 html, body { margin: 0; width: 100%; height: 100%; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; } body { color: #000; overflow-x: hidden; background-color:
js简单网速测试方法完整实例
10-23
主要介绍了js简单网速测试方法,以完整实例形式分析了JavaScript基于网页图片下载进行测试网速的实现技巧,需要的朋友可以参考下
Speed-testJS
05-09
SpeedtestJS Speed-testJS是基于JavaScript的速度测试，它将为用户提供其Internet速度的丰富视图。 不仅为用户提供其整个Internet体验的延迟，上载和下载速度以及上下文。 使用速度层数据将合格指标添加到标准速度测试结果中，用户现在将知道他们的体验是差，好还是好 部署方式 要部署到测试服务器，请参阅ansible文件夹下的自述文件。 客户端服务器设置 该应用程序由运行服务器的节点/表达软件和客户端上的纯javascript / html组成。 服务器为重置端点，Websocket通信，数据库交互和客户端网站提供电源。 服务器 Index.js是应用程序的起点，其中包含运行该应用程序所需的功能。 此文件中的重要设置是： IP地址和端口：服务器将自动绑定到其部署到的主机的ipv4和ipv6地址（即app.listen（SERVERPORT，'::'）;
js-speed-test
06-01
js速度测试 ##Description：用于“快速而肮脏”的性能测试的 JS 类。 允许您测试特定的代码实现一定次数。 将平均执行时间打印到控制台。 ##Copyrights：代码学校（ ） JavaScript 最佳实践课程
访问百度和谷歌网速测试的javascript代码
10-30
这段JavaScript代码主要用于实现一个简单的网页速度测试功能，它通过访问百度和谷歌的网址来测量页面加载的时间，并将结果保存到变量`save`中，最后通过`document.write(save)`将其输出到网页上。以下是对代码中关键...
利用JS测试目标网站的打开响应速度
10-18
JavaScript（简称JS）是一种轻量级的编程语言，常用于网页和网络应用的开发，能够对用户交互进行处理，以及实现动态内容。在本文中，我们将探讨如何利用JS来测试目标网站的打开响应速度，这是一个实用的技术，可以...
简单js图片加载从模糊到清晰特效代码
03-20
"简单js图片加载从模糊到清晰特效代码"就是针对这一需求提供的一种解决方案。 首先，我们要理解这个特效的工作原理。它主要利用了图片预加载（Image Preloading）技术，通过预先加载较小尺寸的低质量图片（占位符）...
js页面测速
weixin_34159110的博客
01-22 332
前台页面： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;met
JS - typing speed test
howlowl
05-23 468
const testWrapper = document.querySelector(".test-wrapper"); const testArea = document.querySelector("#test-area"); const originText = document.querySelector("#origin-text p").innerHTML; const resetB...
http-speedtest:一个简单的 HTTPJs 速度测试
06-25
＃＃这是什么？ 这是一个简单的 Javascript，用于计算客户端之间的吞吐量，在这种情况下，您的 Web 浏览器和我在阿姆斯特丹的服务器之间。 ＃＃它是如何工作的？ 吞吐量测试的工作原理是获取开始测试时的 StartTime，然后动态创建一个二进制文件进行下载（您可以在测试） . 下载请求以 131072 字节的文件大小开始，每次测试后都会加倍，最大为 52428800 字节。 然后从开始时间中减去结束时间给我们运行时间。 反过来，这允许我们通过将 FileSize 除以 RunTime 然后再除以 1000 来计算速度，从而得出每秒字节数的速度。 在它显示在屏幕上之前，它会根据特定阈值以每秒字节数、每秒千字节数或每秒兆字节数显示它，从而将其转换为更具可读性的格式。 ##Install/Run it own 你可以从 Github 获取代码，请按照以下说明操作： 安装最新版本的
javascript-speedtest:用于测试任何 JavaScript 函数速度的 JavaScript 函数
07-02
javascript 速度测试 一个 JavaScript 函数，用于测试 Internet 浏览器或 Nodejs 中任何 JavaScript 函数的速度。 用法 SpeedTest/nodeSpeedTest 参数 testFunctions = 功能和业务逻辑 测试参数 = 列表 testRepetitions = Integer，测试的重复次数，如果没有找到testRepetitions参数，默认重复次数为100000次。 示例用法 浏览器...代码... var test = new SpeedTest(testFunctions, testParameters, testRepetitions); test.startTest(); -> 返回“-testRepetitions-的平均执行时间：-time- ms。 NodeJS var node_test = requir
JS-Speed-Test:使用javascript测试用户的粗略连接速度的基本方法
05-16
JS速度测试 使用javascript测试用户的粗略连接速度的基本方法。 返回的值以Kbps为单位，但是它不是很准确，因为它没有考虑网络延迟，所以它是一个粗略的主意。 这是一个非常基本的工具，因为它非常轻巧（最小2Kb）。 SpeedTest还具有缓存功能，可以将结果缓存一定的时间长度。 在慢速连接上，该值被缓存更长的时间，在更快的连接上，该值被缓存更少的时间。 这意味着当用户连接质量较差（例如2G）时，测试不会经常运行，从而节省了带宽；但是如果用户连接质量良好（例如4G或光纤），则测试会更频繁地运行，以防用户移动从说Wifi到2G的连接，使您更快地获得最新价值，这意味着您的网站或应用可以更早地适应其内容。 ##您可以使用Chrome开发工具中的网络调节功能尝试不同的速度，并查看返回的值。 ＃＃用法 获取和设置选项 目前只有两个选项，它们是“ maxTime”和“ baseUrl”。
speedtest:浏览器javascript中的简单带宽测试
08-03
速度测试 浏览器javascript中简单的下载/上传带宽测试。 它有一个简单的界面，只有必需品。 除了二进制文件之外没有任何依赖项。 它甚至不需要诸如 PHP 之类的后端语言，并且在静态托管上运行良好。 您只需上传index.html文件并生成二进制测试文件。 例子 下面的链接具有相同的 HTML 文件（带有统计信息），并且是没有后端处理的基本静态虚拟主机。 测试文件是使用fallocate命令生成的。 您可以使用键盘上的箭头键将数字精度更改为最多 3 位小数。 安装 只需克隆回购： git clone https://github.com/fvdm/speedtest 或者下载文件： wget https://raw.githubusercontent.com/fvdm/speedtest/master/index.html 二进制文件 为了保持存储库较小，我没有包含测试二
网速测试html源码
10-10
这是一个网速测试html源码，可以测试连接网络上传下载的速度，欢迎下载
测试网速_搭建Web SpeedTest网速测试工具
weixin_39604598的博客
11-28 546
1、speedtest 简介喝井不忘挖水人, speedtest 的作者不是排骨, 是下面这位.speedtest 是由意大利的一位90后爱打游戏爱跳舞机的逗B码农 Federico Dossena (见下图) 发布的一个项目：https://github.com/adolfintel/speedtest2、原理简介speedtest 以 HTML 和 JavaScript 为主, 利用客户端的浏...
测试网速_基于H5的Speedtest网速测试工具搭建
weixin_39573781的博客
12-05 1100
前言：html5 Speedtest可用于查看下载速度、ping速度、上传速度；很小巧方便，直接打开页面点击一下start就能自动检测，你本机到远程服务器的网络状况，快速得到观测数据；这款服务器测速软件基于html5+php环境运行，使用非常简单。一、speedtest原理简介：speedtest以HTML和JavaScript为主,利用客户端的浏览器通过上传和下载垃圾数据来测试HTTP传输速度,...
前端监控之性能测速
github_35780652的博客
05-05 157
一、意义：   网站性能往往决定用户体验，网页加载是否够快，操作是否流畅往往是用户对网站的第一印象，性能越好的网站，转化率、用户留存率往往更好。 二、捕获方法： 通过window.performance获取以下六个指标   1、First Contentful Paint (FCP)：开始呈现页面内容   2、Largest Contentful Paint (LCP)：视口内可见的最大图像或文本块的渲染时间   3、TTFB：接收到响应的第一个字节   4、First Input Delay (FID)：
js 获取实时网速的方法
最新发布
01-30
要获取实时网速，可以使用JavaScript来实现。一种简单的方法是使用浏览器的Performance API来监测网速。通过Performance API，可以获取页面加载时间、网络连接信息以及其他与性能相关的数据。以下是使用Performance ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值