首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >从代码中获取该网站正在使用的资源?

从代码中获取该网站正在使用的资源?
EN

Stack Overflow用户
提问于 2016-10-02 20:30:57
回答 1查看 581关注 0票数 0

获取网站正在使用的资源列表的最佳方式是什么?例如,我有一个包含以下代码的页面:

代码语言:javascript
复制
<!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“这样的文件扩展名是唯一的方法吗?

你好,弗洛。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-10-02 21:11:03

使用document.querySelectorAll选择引用资源的所有元素。然后从它们那里获取文件名。使用Array.fromdestructuring两个参数的ECMAScript 6版本可能如下所示

代码语言:javascript
复制
const allResources = Array.from(
    document.querySelectorAll("script[src], link[rel=stylesheet][href]"),
    ({src, href}) => src || href
  );

console.log(allResources);

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

如果你还对喜欢的图标和其他资源感兴趣,你也可以删除[rel=stylesheet]

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39817029

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档