测算网速的JS库,采用ES6语法和Promise风格编码,

Network-Speed-Test

测算网速的JS库,采用ES6语法和Promise风格编码,通过img加载/AJAX/downlink等方式测算网速

个人知乎专栏文章

当我们尝试用JavaScipt测网速

Description

提供了四个API

getSpeedWithImg:借助img.onload测算网速。优点:没有跨域问题。缺点:要自己测文件大小并提供参数fileSize,且文件必须为图片,文件大小不能灵活控制 getSpeedWithAjax: 通过Ajax测算网速。 优点: 不用提供文件大小参数,测试的文件不一定要是图片,且数据量能灵活控制。缺点:可能需要跨域 getSpeedWithDnlink: 通过navigator.connection.downlink读取网速。优点:不需要任何参数。缺点:1.兼容性很有问题,2.带宽查询不是实时的,具有分钟级别的时间间隔 getNetSpeed:先尝试采用downlink测速,否则多次AJAX测速并求平均值 Usage

如果你只是想看看demo效果:

clone 项目 运行 node server.js 浏览器打开localhost:3000/ 在client.js调试并输出结果

如果你使用NPM: 先

npm i network-speed-test

然后

import * from 'network-speed-test'; getSpeedWithImg("https://s2.ax1x.com/2019/08/13/mPJ2iq.jpg", 8.97).then( speed => { console.log(speed); } ) getSpeedWithAjax('./speed.jpg').then(speed => { console.log(speed); }); getNetSpeed('./speed.jpg', 3).then(speed => { console.log(speed); }); getSpeedWithDnlink();

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。