Question

这是获取网站资源列表的最佳方式？例如，我有一个包含以下代码的页面：

<!DOCTYPE html>
<html>
    <head>
        <title>Example page</title>
        <script src="js/myscriptjs"></script>
        <script src="js/jquery.min.js"></script>
        <link rel="stylesheet" href="css/mystyle.css">
    </head>
</html>

我如何检测文件＆＃34; js / myscriptjs＆＃34;，＆＃34; js / jquery.min.js＆＃34;和＆＃34; css / mystyle.css＆＃34;？是搜索文件扩展名的唯一方法，例如＆＃34; .css＆＃34;，＆＃34; .js＆＃34;或＆＃34; .php＆＃34;？

Greetings，Flo。

Answer 1

使用document.querySelectorAll选择引用资源的所有元素。然后从中获取文件名。 ECMAScript 6版本看起来像这样，使用Array.from和destructuring两个参数：

const allResources = Array.from(
    document.querySelectorAll("script[src], link[rel=stylesheet][href]"),
    ({src, href}) => src || href
  );

console.log(allResources);

或者，您可以使用for循环来迭代结果。

如果您对fav-icons和其他资源感兴趣，也可以删除[rel=stylesheet]。

从代码中获取网站正在使用的资源？

1 个答案: