图像的内容？

【问题标题】：Is there any way to get the content of already fetched JavaScript/ CSS/ image of a webpage?有没有办法获取已经获取的网页的 JavaScript/CSS/图像的内容？
【发布时间】：2020-10-13 16:39:04
【问题描述】：

当网页被加载时，它会获取所有必需的依赖项，那么我们有什么方法可以获取已经获取的内容并将其显示在控制台中（无需再次调用服务器）。

我通过传递"force-cache" 选项尝试了 fetch() 方法，但它并不总是有效（例如，如果服务器发送标头而不缓存特定文件怎么办）。

对此有什么想法吗？

【问题讨论】：

你尝试过 Service Worker 吗？ Service Worker 监控您的所有网络请求，您可以在那里编写代码来缓存响应。看看service workers with caching.这个例子
感谢@Lakshya 提供输入

标签： javascript html browser rendering render

【解决方案1】：

document 包含所有信息。所以你可以访问document.scripts、document.images、document.styleSheets等。

这个页面有这张图片，例如：

【讨论】：

是的，但我对内容感兴趣，而不是资源名称。例如document.scripts[2] <script async src="https://www.google-analytics.com/analytics.js"></script> 仅显示位置，但我需要脚本内容（无需拨打电话）
在 Chrome 中，如果您将鼠标悬停在脚本标签中的链接上并右键单击，它将为您提供“在源面板中显示”的选项——它不会进行新的网络调用，但会显示给您已获取脚本的内容。