当然可以！Chrome DevTools完全能帮你揪出站点里的大体积“包袱”图片，还能轻松导出它们的链接列表，我给你一步步拆解操作：

一、筛选出所有图片资源 #

• 打开Chrome浏览器访问目标站点，按F12或者右键选择「检查」打开DevTools
• 切换到「Network」面板
• 在面板顶部的筛选框输入img，这样就只会展示所有图片类型的资源了

二、按体积排序定位大图片 #

• 点击「Size」列的表头，让资源按体积从大到小排序（再次点击可切换顺序），体积最大的图片会直接顶在最前面，一目了然

三、导出图片链接列表 #

这里有两种方法，按需选择：

方法1：手动复制（适合少量图片） #

• 选中你需要的大体积图片资源，右键选择「Copy」→「Copy link address」，逐个复制到文本文件即可

方法2：控制台脚本批量导出（高效处理大量图片） #

• 切换到「Console」面板
• 粘贴下面的脚本并回车执行，就能自动把大体积图片链接复制到剪贴板：

// 自定义体积阈值，这里设置为100KB，可根据需求修改
const sizeThreshold = 1024 * 100;

const largeImageLinks = Array.from(performance.getEntriesByType('resource'))
  .filter(entry => entry.initiatorType === 'img' && entry.transferSize > sizeThreshold)
  .map(entry => entry.name);

const linkText = largeImageLinks.join('\n');
navigator.clipboard.writeText(linkText).then(() => {
  console.log('大体积图片链接已复制到剪贴板！');
});

• 执行完成后，直接把剪贴板内容粘贴到文本文件，就能得到整齐的链接列表了

小提示：如果想精准匹配Network面板里筛选后的结果，脚本里的performance.getEntriesByType('resource')会获取页面加载的所有资源，通过transferSize设置体积阈值，就能精准筛选出你要的大图片啦

内容的提问来源于stack exchange，提问作者serge