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

How to get all CSS and Javascript files by chrome extension

本文关键字：CSS Javascript 文件 何通过 chrome 扩展名 获取      更新时间：2023-09-26

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

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

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

要从内容脚本中获取 CSS 和 JS 文件信息，请执行以下操作：

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

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

相关文章：