问题描述
是否可以通过浏览器控制台提取页面中导入的所有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
var urlsArray = [];
[].forEach.call( document.querySelectorAll("script[src]"),function( src ) {
urlsArray.push(src.src);
});
console.log(urlsArray);