从代码中获取该网站正在使用的资源？
从代码中获取该网站正在使用的资源？
提问于 2016-10-02 20:30:57
获取网站正在使用的资源列表的最佳方式是什么？例如，我有一个包含以下代码的页面：
<!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>如何检测"js/myscriptjs“、"js/jquery.min.js”和"css/mystyle.css“文件？搜索像".css“、".js”或".php“这样的文件扩展名是唯一的方法吗？
你好，弗洛。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-10-02 21:11:03
使用document.querySelectorAll选择引用资源的所有元素。然后从它们那里获取文件名。使用Array.from和destructuring两个参数的ECMAScript 6版本可能如下所示
const allResources = Array.from(
document.querySelectorAll("script[src], link[rel=stylesheet][href]"),
({src, href}) => src || href
);
console.log(allResources);或者，您可以使用for循环来迭代结果。
如果你还对喜欢的图标和其他资源感兴趣，你也可以删除[rel=stylesheet]。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39817029
复制相关文章
相似问题
腾讯云开发者
