十房网上的VR全景图虽然视觉效果炫酷,但想将其下载到本地,往往并不简单。无法直接右键保存,也无法仅靠截图替代——因为这是基于WebGL渲染的交互式720°场景,本质上由一组图块(tile)拼接而成。想要批量获取完整的原始全景图,核心思路只有一个:绕过前端封装,通过开发者工具找到真实的图块资源链接,然后一次性批量抓取下来。

确认目标楼盘与漫游节点
操作的第一步是定位具体的漫游场景。打开十房网,搜索意向小区,例如“德润华府”,进入楼盘页面后点击【VR全景】,再选择具体楼栋和户型,即可进入漫游界面。注意浏览器地址栏的变化,完整URL中通常包含类似/vr/scene/xxxxx或?sceneId=abc123的参数,这正是后续定位图块资源的关键标识。
接着按下F12,打开开发者工具,切换到Network标签页,刷新页面。在筛选框中输入“tile”或“pano”,然后开始漫游操作——拖拽视角、切换节点。此时会看到大量.jpg或.webp请求不断涌现,每个请求对应一张用于拼接的图块(tile),而非最终合成图。
提取全景图块URL列表
接下来进入提取图块链接的环节。在Network面板中,逐个点击已加载的图块请求,右侧Headers选项卡里能找到Request URL。这些URL通常形如:https://cdn.10fang.com/vr/tiles/xxx/yyy/z.jpg?sign=abc,其中xxx代表场景ID,yyy表示层级与坐标编码。
将所有图块URL复制到文本编辑器中,使用正则表达式https://[^s]+.jpg[^s]*或https://[^s]+.webp[^s]*批量提取纯链接。务必剔除重复项以及失效的404链接——这一点至关重要,未过滤的404链接会导致批量下载中途中断,前功尽弃。
最后保存为urls.txt,每行一个URL,确保没有空行、中文字符或引号包裹。
用命令行工具批量下载
图块链接到手后,接下来就是用工具批量拉取。这里给出两种常用方式。
方法一:Windows系统用PowerShell(无需额外安装)
以管理员身份运行PowerShell,然后执行:
Get-Content urls.txt | ForEach-Object { Invoke-WebRequest $_ -OutFile ("./tiles/" + ($_.Split('/')[-1])) }
注意需提前手动创建./tiles/文件夹,否则会报错。
方法二:跨平台推荐curl + bash(macOS/Linux或WSL)
终端中执行:
mkdir tiles && while read url; do curl -sS "$url" -o "tiles/$(basename "$url")"; done < urls.txt
这条命令会静默下载全部图块,虽不显示进度条,但胜在稳定高效。
合并图块生成可查看全景图
下载完成的图块不能直接打开观看,需要用专业工具将图块拼接回去。Pano2VR或KRPano都能胜任,按金字塔结构重建全景。免费替代方案也有:开源工具pic2pano,运行pic2pano --input tiles/ --output output.html即可生成一个本地可交互的HTML文件。
生成的output.html双击打开,在浏览器中拖拽查看,效果与十房网原站完全一致。关键的是,现在它已脱离网络依赖,可以离线反复浏览了。
