列出页面的 javascript 个网址

Question

有没有办法提取页面中导入的所有 JS 的列表，也许是通过浏览器控制台？我不仅要查找通过 导入的，还要查找其他 js 脚本导入的。

所以，假设我有一个使用 requirejs 的页面，并且在该页面的使用过程中，加载了许多其他 JS 文件。如何列出这些导入的文件 URL?

Answer 1

足够简单的解决方案，只是我在转换 NodeList into an array via using the spread 语法时 有点 懒惰，因为您不能使用 map 函数在 NodeList 上。

const srcs = [... document.querySelectorAll("script[src]")].map(s => s.src);
console.log(srcs);

<script src="test1"></script>
<script src="test2"></script>

Answer 2

您按照此代码获取 urlsArray 变量中的所有 URL

喜欢这个输出图像。

var urlsArray = [];

[].forEach.call( document.querySelectorAll("script[src]"), function( src ) { 
  urlsArray.push(src.src);
});
console.log(urlsArray);

谢谢 [sayed021]