javascript - 检测给定页面使用的外部资源和文件大小

Question

使用 JavaScript，我想检测网站正在使用多少 JavaScript、CSS 和图像。最重要的是，我想获取每个资产的文件大小。这可能吗？如果可以，你会怎么做？

Answer 1

至于检测网站上使用的外部 javascript、css 和图像的数量，可以通过获取所有脚本、图像和样式标签，然后通过将文档域与资产域进行比较来检查它们是否是外部的。

至于使用 javascript 检查外部资源大小，这可能很难。即使您可以尝试使用 ajax 重新获取脚本和 css 文件以获取文件的内容（以估计其大小），但在估计图像大小时会出现问题。我猜可能会使用 html5 文件 api 或画布来了解图像的大小。