列出页面的JavaScript网址 谢谢[sayed021]

问题描述

是否可以通过浏览器控制台提取页面中导入的所有JS的列表?我不仅在寻找通过导入的那些,而且在寻找其他js脚本导入的那些。

因此,假设我有一个页面正在使用requirejs,并且在使用该页面期间,还会加载许多其他JS文件。如何列出这些文件导入的URL?

解决方法

足够简单的解决方案,只是我一直懒惰,无法使用NodeList语法将spread转换为数组,因为您不能使用map在NodeList上的功能。

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

,

您遵循此代码,并在urlsArray变量中获取所有URL

类似于此输出图像。 result array

var urlsArray = [];

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

谢谢[sayed021]