web手机端测试工具（基于H5的Speedtest网速测试工具搭建）

前言：

html5 Speedtest可用于查看下载速度、ping速度、上传速度；很小巧方便，直接打开页面点击一下start就能自动检测，你本机到远程服务器的网络状况，快速得到观测数据；这款服务器测速软件基于html5 php环境运行，使用非常简单。

一、speedtest原理简介：

speedtest以HTML和JavaScript为主,利用客户端的浏览器通过上传和下载垃圾数据来测试HTTP传输速度,和大家常用的speedtest.net差不多.

speedtest使用任意操作系统上的任意Web服务器作为服务端,所以理论上它支持Windows/MacOS/Linux/Unix等系统,IIS/Nginx/Apache/lighttpd等服务器.

任意浏览器作为客户端如Chrome/Firefox/IE11/Edge/Safari/Opera?

speedtest默认使用PHP作为服务端,目前也有node.js版本,也可以只用纯静态服务器.

二、speedtest怎么安装呢：

安装相关组件

yum install httpd php git -y

web手机端测试工具（基于H5的Speedtest网速测试工具搭建）(1)

克隆speedtest代码

git clone https://github.com/adolfintel/speedtest.git

cd speedtest/

cp -R backend/ example-singleServer-pretty.html *.js /var/www/html/cd /var/www/html/ mv example-singleServer-pretty.html index.html

web手机端测试工具（基于H5的Speedtest网速测试工具搭建）(2)

web手机端测试工具（基于H5的Speedtest网速测试工具搭建）(3)

更改当前目录所属

chown -R apache *

web手机端测试工具（基于H5的Speedtest网速测试工具搭建）(4)

重启httpd服务

systemctl start httpd

web手机端测试工具（基于H5的Speedtest网速测试工具搭建）(5)

浏览器中访问主机ip测试

web手机端测试工具（基于H5的Speedtest网速测试工具搭建）(6)

三、总结

不论是测内网还是外网不论是测路由器, AP, 网卡还是VPS不论是测有线 NAT, 2.4G/5G WiFi 等软件转发

只要打开浏览器, 输入 speedtest 地址就行了.

speedtest 测速的优点:

speedtest 测速的缺点:

END