读取通过src属性加载的脚本的js源代码

Question

我想阅读通过src属性使用纯JavaScript加载的脚本的js源代码。

就像html脚本标记一样：

<script id=myFile type="text/javascript" src="file.js"></script>

var code = document.getElementById('myFile').textContent

但是上面的方法不起作用。

这可行：

<script id=myFile>
    console.log("This works");
</script>

var code = document.getElementById('myFile').textContent

现在，代码包含“ console.log（“这有效”）;“

有人知道我如何在加载了js文件的情况下对此进行归档，而不是在html文件中编写js代码吗？

Answer 1

没有API可以读取通过src属性加载的脚本的源代码。访问它的唯一方法是对该URL发出另一个HTTP请求（例如，使用fetch或XMLHttpRequest）。

Answer 2

尽管可以将load侦听器附加到<scritp async src="..."></>，但无法访问已加载对象的纯文本。

您将需要手动获取脚本并阅读其内容。您可以执行以下操作：

fetch('path/to/script')
  .then(res => {
    return res.text();
  })
  .then(text => {
    console.log(text);
  });