javascript - Angular JS如何读取在html页面中加载的css文件名

Question

我们正在创建一个新的小部件，因为我们正在实现一项功能，该功能会告诉您一个 html 页面中包含了多少个 css 文件。

我们需要页面中使用的 css 文件的数量以及 css 文件的名称。

我对 Angular 有点陌生，我听说这可以使用指令来完成，但不知道如何实现它。

需要你们的帮助。提前致谢。

Answer 1

您的应用程序已经在 Angular 中了吗？这段 jQuery 代码可以轻松完成这项任务:

var cssList = []
$('head link[type="text/css"]').each(function(){
    cssList.push($(this).attr("href"));
});
console.log("List of files:" + cssList.join());
console.log("Number of files:" + cssList.length);