通过一段代码实现统计网页中 HTML、JS、CSS 的大小，很实用的一个小方法，只需要在浏览器控制台 Console 中运行即可。
注意：因为这段代码是遍历页面中的 style 标签，所以如果是引用进来的 CSS 资源无法进行统计。
const total = document.documentElement.innerHTML.length;
const scripts = Array.from(document.getElementsByTagName('script')).reduce((total, e) => total += e.innerHTML.length, 0);
const styles = Array.from(document.getElementsByTagName('style')).reduce((total, e) => total += e.innerHTML.length, 0);
console.log("JS:", scripts, "CSS:", styles, "HTML:", total - scripts - styles);
效果演示
温馨提示 : 本站内容来自会员投稿以及互联网，所有源码及教程均为作者总结编辑，请大家在使用过程中提前做好备份，以免发生无法预知的错误，源码类教程请勿直接用于生产环境！
