【发布时间】：2015-03-18 00:01:10
【问题描述】：
我想制作一个 chrome 扩展，可以通过单击页面操作中的按钮来获取网页中所有 CSS 和 Javascript 文件的名称和内容，但我不知道哪个 API 可以完成这项工作。
【问题讨论】：
标签： javascript css google-chrome google-chrome-extension
【发布时间】：2015-03-18 00:01:10
【问题描述】：
在 Chrome DevTools API 中存在一个方法 inspectedWindow.getResources，它返回脚本和样式表的列表并提供获取其内容的方法。但是，它仅在检查页面时可用。
另一种方法是使用内容脚本，并通过chrome.runtime.sendMessage 将所需信息传达回您的弹出窗口。
从内容脚本中获取 CSS 和 JS 文件信息：
var js = document.scripts;
var css = document.styleSheets;
要获取文件内容，您可以使用文件 URL 从内容脚本发出 ajax 请求。
【讨论】：
-
你给我获取 js 和 css 的方式太棒了！但是当我使用 ajax 获取文件内容时，它会再次发送一个 http 请求。实际上，这些内容已经在浏览器中了。有什么方法可以得到吗？
-
另一个问题是——它不包括那些在css文件中导入的图像、字体和css文件
-
@XiuXiu。我不相信您可以在没有另一个 http 请求的情况下获得内容。在 DevTools API 中有一个方法
inspectedWindow.getResources可以做你想做的事，但是它不能从弹出窗口中使用，并且只有在开发工具打开时才有效。 -
JS 或 CSS 文件只是纯文本。解析图像或字体导入是您的责任。
-
谢谢，可惜只有在devTool打开时才有效。所以我认为我必须分析所有 css 文件的内容，并获取其中的图像和正面......