美文网首页
js在页面打开的时候检测网速。

js在页面打开的时候检测网速。

作者: 马丁路德东 | 来源:发表于2017-06-16 09:43 被阅读0次

其实这只是一种大概粗滤的手段,我的想法是(看某博客的代码)通过让网页在刚开始的时候渲染一张图片,
从而计算出渲染所用的时间。其实这和网速有一定的关系。但也不全是网速的原因,和计算机的卡顿……等综合因素都有关系。
但是正是因为这样,这个方法我觉得就很好。因为大多数时候我们关心的只是网页渲染的综合效率。
(下面代码中的img标签请回复原样,因为简书把他的格式改变了)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <script type="text/javascript">
         var st = new Date();
    </script>
![测试图片](https://img.haomeiwen.com/i6331078/35caafaebc606af8.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
<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>

相关文章

  • js在页面打开的时候检测网速。

    其实这只是一种大概粗滤的手段,我的想法是(看某博客的代码)通过让网页在刚开始的时候渲染一张图片,从而计算出渲染所用...

  • vue-cli 3.X安装Electron

    不行多试几次可能网速原因 使用webview打开第三方页面注入CSS和JS electron webview 页面...

  • login-lx

    逻辑思路打开小程序默认显示index主页面,app.js调用自身onLaunch方法里开发人员写的登录验证方法检测...

  • 微信小程序跳转页面的方法

    1、在xwml页面中: 跳转到新页面 在当前页打开 切换到首页Tab 2、js页面中:

  • 网页打开新窗口的几种方法

    一、关闭当前页面,打开新的页面 方法一:利用超链接 方法二:利用js来跳转页面——(在同当前窗口中打开窗口) 二、...

  • vue中页面跳转,显示在顶部

    页面之间跳转,打开新的一个页面显示在顶部 在main.js 中添加代码: router.afterEach((to...

  • a标签的跳转问题

    在js中采用window.open打开一个新的页面的时候,如果在a标签中采用'#'的写法,会导致当前页面出现404...

  • selenium 如何抓取请求信息

    页面性能监控 很多公司都会做页面性能的检测,做的方法也非常多。其实比较简单的是利用js去做,js可以很方便的调取浏...

  • linux 检测网速

    上传下载速度 speedtest-cli是一个用Python编写的轻量级Linux命令行工具 在Python2.4...

  • h5页面 判断网页在哪打开

    获取浏览类型与系统的函数 前端H5用js判断页面在IOS,Android,微信,pc端打开的方法 js判断H5页面...

网友评论

      本文标题:js在页面打开的时候检测网速。

      本文链接:https://www.haomeiwen.com/subject/ubupqxtx.html