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

Question

我想制作一个Chrome扩展程序，它可以获取所有CSS和Javascript文件＆＃39;通过单击“页面操作”中的按钮在网页中显示名称和内容，但我不知道哪个API可以执行此操作。

Answer 1

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

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

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

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

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