javascript - 如何通过 chrome 扩展获取所有 CSS 和 Javascript 文件

Question

我想制作一个 chrome 扩展程序，它可以通过单击页面操作中的按钮来获取网页中所有 CSS 和 Javascript 文件的名称和内容，但我不知道哪个 API 可以完成这项工作。

Answer 1

在 Chrome DevTools API 中，存在一个方法 inspectedWindow.getResources，它返回脚本和样式表列表并提供获取其内容的方法。但是，它仅在检查页面时可用。

另一种方法是使用内容脚本，并通过 chrome.runtime.sendMessage 将所需信息传回您的弹出窗口。

从内容脚本中获取 CSS 和 JS 文件信息:

var js = document.scripts;
var css = document.styleSheets;

要获取文件内容，您可以使用文件 URL 从内容脚本发出 ajax 请求。