如何通过Chrome扩展获取已加载资源？两类需求及功能可行性咨询

当然可以！Chrome DevTools的Sources面板完全能搞定你这两个需求，而且操作起来相当直观，我给你一步步拆解：

1. 获取所有已加载的内部/外部资源链接 #

• 先打开Chrome的开发者工具：可以按F12，或者右键页面选择「检查」，也能用快捷键Ctrl+Shift+I（Windows/Linux）或Cmd+Opt+I（Mac）
• 切换到Sources面板，在左侧导航栏找到「Page」标签（默认应该就在这里）
• 展开「Page」下的域名文件夹，就能看到当前页面加载的所有资源，它们会按类型自动归类：比如Scripts里是JS文件，Stylesheets是CSS，WebAssembly对应Wasm文件，还有图片、字体等资源也会在这里列出
• 每个资源的名称旁边就包含了它的完整链接（悬停时会显示完整URL），你可以直接查看或者右键复制链接地址

2. 无需AJAX/XHR获取资源内容 #

• 还是在Sources面板的「Page」列表里，找到你想要查看的资源文件，直接点击它
• 文件内容会立即在右侧的编辑器区域显示出来：JS/CSS会直接展示源码，WebAssembly文件会默认显示反编译后的可读代码（如果需要原始二进制文件，右键资源选择「Save as」就能保存）
• 要复制内容的话，直接选中编辑器里的文本右键复制即可；如果要保存完整文件，右键左侧资源列表里的文件，选择「Save as」就能把文件下载到本地，全程不需要用AJAX或XHR请求

补充一句：哪怕是页面动态加载的资源（比如懒加载的JS），只要已经被浏览器加载完成，就会出现在「Page」的资源列表里，不用担心漏掉。

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