如何本地下载含JS动画图片的Matterport网页以实现离线渲染？

完全离线渲染出和原网页100%一致的内容几乎不可行，核心原因有两点：

1. Matterport的3D空间渲染依赖其私有JS SDK与后端服务，大量核心渲染逻辑并非纯前端静态资源，必须和官方服务器交互获取空间数据、计算渲染参数；
2. 部分CDN资源包含动态生成的令牌或会话验证信息，离线后无法通过验证正常加载。

不过可以通过以下方法尽可能还原可离线的静态部分：

• 使用wget递归抓取并转换本地链接：

  wget --mirror --convert-links --adjust-extension --page-requisites --no-parent https://matterport.com/discover/space/BTQ8RmvwnXo
  

  该命令会下载页面所有依赖资源，自动将CDN链接替换为本地相对路径，并补全文件扩展名。
• 借助浏览器开发者工具（F12），在Network面板过滤出所有静态资源（JS、CSS、图片），批量下载后手动替换页面中的CDN链接为本地路径。但需注意，Matterport核心3D渲染JS包含动态请求逻辑，离线后仍可能因无法连接后端服务失效。
• 使用HTTrack这类更适合复杂单页应用的离线抓取工具：

  httrack https://matterport.com/discover/space/BTQ8RmvwnXo -O ./matterport-offline --mirror --robots=0
  

额外注意事项：

• 即使完成上述操作，3D动画部分大概率无法正常运行——Matterport的3D空间数据通过API动态拉取，且存在版权保护机制，禁止未经授权的离线存储；
• 实时动态内容（如用户评论、推荐空间）离线后会完全无法显示，这类内容依赖后端实时接口。

内容的提问来源于stack exchange，提问作者Yavor