Javascript 收集html文件中使用的所有js css和img资源

我想编写一个npm包来本地化html url。
1.使用html url下载html页面
2.解析html文件，提取html和本地资源中使用的所有js、css和img文件。
3.如果这些js、css和img文件使用一些外部资源，请本地化这些资源。例如，在css中提取背景图像

第一和第二个要求很容易满足。但我不知道最后一个。 我可以解析所有css文件并本地化其中使用的资源。但是如何解析js文件呢？
例如：

---

如果js在HTMLDOM中添加了一个“scriptsrc=XXX”标记，我如何提取src

我想我应该尝试使用无头浏览器来捕捉每个网络呼叫，而不是试图解析代码

我没有亲自使用它，但似乎符合要求

它可以用来加载网页，然后执行通常在请求中发生的任何脚本/css，并在加载页面后执行内容

---

您可能希望使用的就是这些功能。

我想我应该尝试使用无头浏览器来捕获每个网络呼叫，而不是尝试解析代码

我没有亲自使用它，但似乎符合要求

它可以用来加载网页，然后执行通常在请求中发生的任何脚本/css，并在加载页面后执行内容

---

这些可能是您想要使用的。

如果我不分析文件，我可以将源文件外部资源的URL更改为新的本地资源的URL吗？例如，换成“我不明白”，也许你的问题可以包含更多你想要实现的内容。对于注入脚本，在它们实际插入DOM之前，您不能执行任何操作。但是你可以听DOM来检测新插入的东西：（）哇，我没有看到你在最初的问题中说你想在本地使用它们。我的错误。如果我不解析文件，我可以将源文件外部资源的URL更改为新的本地资源的URL吗？例如，换成“我不明白”，也许你的问题可以包含更多你想要实现的内容。对于注入脚本，在它们实际插入DOM之前，您不能执行任何操作。但是你可以听DOM来检测新插入的东西：（）哇，我没有看到你在最初的问题中说你想在本地使用它们。我的错。