如何使用JavaScript获取网页的长度/大小

Question

我们使用w3c导航API获取网页的时间信息。
我们使用资源计时API获取资源信息。
现在，如何获取网页的大小。看起来如果我知道页面何时加载等信息，我应该知道最后一个字节何时被下载——这应该足以给我页面的长度/大小。
我如何获取这个长度/大小？

- anjanb

---

可能已经在这里得到了答案：https://dev59.com/80fRa4cB1Zd3GeqP_KsL - GrafiCode

寻找一个纯JavaScript实现的（不含其他库）解决方案。谢谢。 - anjanb

@GrafiCode Studio：谢谢。用户Stev在那个问题上回答了我的问题。 - anjanb

Answer 1

在这里找到了答案：如何使用纯JavaScript获取当前页面大小（以KB为单位）？用户@Stev已经回答了这个问题。

document.getElementsByTagName('HTML')[0].outerHTML.length;

- anjanb

Answer 2

由于HTML文件基本上只是文本文件，您可以计算出您所拥有的字符数，假设您有1个字符=1个字节，那么这将是您网页大小的字节数。然后，通过1024的倍数除以获取KB，MB，GB等。

$("html").html().length / (n * 1024)

仅使用Javascript进行编辑：

检索文档的根元素的快捷方式 source

document.documentElement.outerHTML.length

或

获取标签名为"html"的元素数组，假设第一个元素是你的根元素(对于所有有效的HTML文件都是如此)，并计算长度:

document.getElementsByTagName("html")[0].outerHTML.length

- John Pink

---

寻找一个纯JavaScript的解决方案（不使用额外的库），谢谢。 - anjanb

Answer 3

你正在寻找浏览器窗口的高度吗？

window.innerHeight;
window.innerWidth;

- Alek Hurst

---

我正在寻找以千字节/兆字节为单位的HTML页面大小。如果我将网页保存到磁盘上，这就是文件中网页的大小。 - anjanb

Answer 4

给你：

Math.ceil($('html').html().length / 1024) + "KB";

- Lucas Rodrigues

---

寻找一个纯JavaScript（不使用额外的库）的解决方案。谢谢。 - anjanb