whobig是一个用于查找浏览器网络请求中占用带宽较大的资源的npm包。它可以帮助开发人员优化网页的性能并提高用户体验。
安装
whobig是一个node包，可以使用npm进行安装，命令如下：
npm install -g whobig
使用
命令行使用
使用whobig可以查找加载时间长、含有大量图片或其他资源的网页。命令行使用whobig时，需要在命令行中输入以下内容：
whobig <url>
这里的<url>是网页地址。例如，要查找GitHub首页占用带宽较大的资源，可以输入以下命令：
whobig https://github.com
whobig将会打印出网络请求中单个资源的大小、加载时间和其它信息。
在JavaScript中使用
开发者还可以在JavaScript程序中使用whobig包。
安装whobig
首先，需要在JavaScript程序中安装whobig包。可以使用npm进行安装，命令如下：
npm install whobig
使用whobig
以下是一个使用whobig的示例代码：
const whobig = require('whobig');
whobig('https://github.com').then((data) => {
console.log(data);
});这里的whobig('https://github.com')会返回一个Promise对象。调用.then()函数，可以获得whobig返回的数据。
数据格式如下：
-- -------------------- ---- -------
-
-
------ -----------------------------------------
------- ------
-------- -------
------- ------------------
--
-
------ -----------------------------------------
------- ------
-------- ------
------- ------------------
-
-这些数据包含了在网页中加载时间较长的资源信息。其中，url表示资源的地址，type表示资源类型，delta表示资源大小（以byte为单位），time表示加载该资源的时间（以毫秒为单位）。
总结
whobig是一个在前端开发中非常有用的包。它可以帮助开发人员快速找出加载时间过长、占用过多带宽的资源，从而进行网页性能和用户体验的优化工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671098dd3466f61ffdf73