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

2017-06-16  本文已影响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>

上一篇 下一篇

猜你喜欢

热点阅读