【问题标题】：List javascript urls of a page列出页面的 javascript url
【发布时间】：2020-11-11 10:15:31
【问题描述】：
有没有一种方法可以提取页面中导入的所有 JS 的列表，可能是通过浏览器控制台？我不仅要查找通过 导入的，还要查找其他 js 脚本导入的。
所以，假设我有一个页面正在使用 requirejs，并且在该页面的使用过程中，还加载了许多其他 JS 文件。如何列出这些文件导入的 URL？
【问题讨论】：
标签：
javascript
webbrowser-control
require
【解决方案1】：
您按照此代码获取 urlsArray 变量中的所有 URL
喜欢这个输出图像。
var urlsArray = [];
[].forEach.call( document.querySelectorAll("script[src]"), function( src ) {
urlsArray.push(src.src);
});
console.log(urlsArray);
谢谢 [sayed021]
【解决方案2】：
足够简单的解决方案，只有我在通过使用spread 语法将NodeList 转换为数组时比较懒惰，因为您不能使用map 函数在 NodeList 上。
const srcs = [... document.querySelectorAll("script[src]")].map(s => s.src);
console.log(srcs);
<script src="test1"></script>
<script src="test2"></script>