网速测试的方法很多很多,有纯javascript实现,有asp+js实现,有php+js实现,还有通过FTP来实现的。

不管通过什么方式,一般都是通过下载一个文件,然后用文件的大小除以所耗时间,就是你的本地网络速度了。

这里介绍的是一个最常被使用的,又是最简单的方法。

js实现代码如下:

document.write("

正在下载测速图片,请稍后...

");

var Rand = Math.random();

var RandNum = 1 + Math.round(Rand * 99);

var szsrc = "http://hongkong2.bandwidthplace.com/static/4096.jpg?id="+RandNum;

var st = new Date();

document.write(" ");

function showspeed()

{

var fs = 1.46*1024;  //图片文件大小(KB)

var l = 2;    //小数点的位数

var et = new Date();

alltime = fs*1000/(et - st)

Lnum = Math.pow(10,l)

calcspeed = Math.round(alltime*Lnum)/Lnum

document.getElementById("div1").innerHTML = "您的下载速度为:"+calcspeed+" (KB/秒) 约" + Math.round(calcspeed/128*Lnum)/Lnum  + "(MB/秒)";

}

把以上代码拷贝到txt文件里,然后把txt文件保存为html文件,就可以看到测速效果了。

它的实现原理是,通过下载一张远程的图片,然后用js计算,计算公式是:文件大小/下载时间。

前端能获取用户网速吗_js实现的非常简单的网速测试方法相关推荐

  1. 微信小程序前端解密获取用户信息

    在微信小程序中,通过用户手动可以获取到用户昵称,头像等基本信息,稍微敏感的信息无法获取到,需要通过后端解密才能获取到. 例如获取用户手机: 在网上找到cryptojs包,下载下来复制到utils文件夹 ...

  2. 前端js获取图片大小 扩展名_JS获取文件大小方法小结

    本文实例总结了JS获取文件大小方法.分享给大家供大家参考,具体如下: 方法一,利用ActiveX控件实现: function getFileSize(filePath) { var fso = new ...

  3. 微信公众号开发之授权获取用户信息

    微信开发交流群:148540125 系列文章参考地址 极速开发微信公众号 欢迎留言.转发.打赏 项目源码参考地址 点我点我--欢迎Start 前几篇文章已讲完如何导入项目,如何启动配置项目,如何成为开 ...

  4. Java微信公众号开发微信网页授权之前端传递code方式获取用户信息

    本片博客讲解的网页授权分为两步,前端先传递backUrl(回调地址)到后台网页授权接口,该接口拿到回调地址后组装授权连接,重定向到前端页面,前端页面截取Code,传入后端获取用户信息方法,获取用户信息 ...

  5. 【vue】前端通过腾讯接口获取用户ip

    前言 之前在前端项目中获取用户ip的方式一直用的是搜狐的接口:http://pv.sohu.com/cityjson?ie=utf-8%22,同时这也是网上分享次数最多的接口,虽说提供的信息很少,但因 ...

  6. 微信小程序获取用户的 OpenId (附前端代码)

    OpenId是什么? openid 是表示用户在你的当前应用中的唯一标识,比如小程序,微信公众号等,这些都算是一个应用,如果你有多个应用,同一个用户的openId可能并不相同 **下图是获取OpenI ...

  7. 微信授权获取用户openid前端实现

    近来,倒霉的后台跟我说让我拿个openid做微信支付使用,寻思很简单,开始干活. 首先引导用户打开如下链接,只需要将appid修改为自己的就可以,redirect_url写你的重定向url https ...

  8. spring security oauth2 实现微信登陆(授权回调域、前端重定向、微信解绑、获取用户信息中文乱码等相关问题解析)

    OAuth 的核心 OAuth 的核心就是向第三方应用颁发令牌.OAuth提供了四种获取令牌的授权方式 授权码(authorization-code).隐藏式(implicit).密码式(passwo ...

  9. 微信小程序获取用户信息(纯前端)

    特别说明 2022年10月25日起,小程序 wx.getUserProfile 接口将被收回. 微信官方不希望开发者直接拿用户的昵称和头像,若小程序需要设置昵称和头像,可以单独开发一个设置页,由用户手 ...

最新文章

  1. oracle var/tmp,关于/var/tmp/.oracle 目录(ZT)
  2. 洛谷 1858 多人背包
  3. 05.full_text match_bool_prefix match_phrase_prefix 查询
  4. 【BZOJ2149】拆迁队,分治+斜率优化DP
  5. 如何把一个字符串填充到一个无类型的指针 - 回复 豪杰的爸爸 的问题
  6. 帧率常量15可以随便改,问为什么是15,是想暴露自己不懂编程?
  7. 2017国民行业分类sql-存储过程_存储函数-MySQL
  8. AWE2020:黄金十年再踏征程,以科技“智竞”未来
  9. PL/0词法分析程序
  10. 跳棋java_用java画跳棋棋盘
  11. Win10 微软拼音添加小鹤双拼以及其他配置
  12. 【Python百日进阶-Web开发-Feffery】Day432 - fac实例:使用国内cdn加载静态资源
  13. 联合证券|滴滴出行即日起恢复!A股嗨了!券商扛起领涨大旗
  14. 谈谈MySQL如何选择float, double, decimal
  15. 【积水成渊-逐步定制自己的Emacs神器】3:为Emacs安装扩展
  16. fd leak问题查找(Android)
  17. 电路中的电流采样IC选型
  18. 霍兰德AI型,高考志愿填报(选专业),霍兰德职业兴趣测试
  19. Intellij IDEA中文版
  20. 为什么“总结经验”反而把你带进沟里?

热门文章

  1. 可怕的KCFErrordomainCFNetWork 303
  2. 查看服务器的ip地址
  3. Javascript-蔬菜运算价格
  4. 利用background-position 制作图片爆炸的效果
  5. 国外著名大学的开放资源
  6. JAVA学习 API_day03(字符串编码, 泛型, 数据结构, Collection)
  7. JavaScript中的常用鼠标事件以及小天使图片拖拽
  8. 【数据可视化应用】实现空间栅格(附R语言代码)
  9. PostgreSQL 一复合查询SQL优化例子 - (多个exists , 范围检索 , IN检索 , 模糊检索 组合)...
  10. OpenCv获取图像中椭圆长短轴的点的位置