Question

我有一个已知大小的HTML + JS + CSS页面。

在页面加载期间，我想知道浏览器下载了多少字节。有什么办法吗？

（事实上，我想知道只是为了向用户显示一个有意义的进度条。即进度条按正在下载的字节数提前。）感谢

Answer 1

如果我是你，我用Json对象将页面大小发送给客户端。然后在客户端测量内存使用情况。通过减去这些尺寸，您可以估算下载的尺寸。

Answer 2

使用需要jQuery Library的fakeLoader.js。

JS代码：

$(document).ready(function() {
    $(".fakeloader").fakeLoader({
        timeToHide: 1200,
        bgColor: "#2ecc71",
        spinner: "spinner1"
    });
});

HTML代码：

<link rel="stylesheet" href="css/fakeLoader.css">
<div id="fakeLoader"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://joaopereirawd.github.io/fakeLoader.js/demo/js/fakeLoader.min.js"></script>

演示网址：http://joaopereirawd.github.io/fakeLoader.js/demo/demo1.html

在javascript中获取HTML + JS页面的下载大小

2 个答案: