使用wget下载网站后，Chrome中Live Preview页面显示几秒后空白

1. 排查资源加载错误 #

打开浏览器开发者工具（按F12），切换到Console标签，查看是否有404（资源找不到）或跨域报错。

• 如果是404：检查本地文件结构，确认页面里引用的CSS/JS/图片路径和本地文件的实际路径一致，手动修正页面里的错误引用。wget的--convert-links偶尔会漏转部分链接，尤其是动态生成的路径。

2. 移除网站的域名校验/自动跳转逻辑 #

很多网站的JS会做域名检测，发现不是原网站域名就跳转或清空页面：

• 直接打开本地的index.html，搜索window.location、location.href、document.body.innerHTML = ''这类代码，把相关的跳转或清空代码注释掉（加//或者/* */）。
• 如果是外部JS文件，找到对应的.js文件，同样检查并注释掉这类逻辑。

3. 重新确认wget下载完整性 #

重新运行wget命令并开启日志，确认所有资源都下载成功：

wget -v --mirror --convert-links --adjust-extension --page-requisites --no-parent 你的目标网站URL

查看日志里的失败条目，手动下载缺失的资源放到对应目录。

4. 调整Live Preview的访问方式 #

在VS Code设置里搜索Live Preview: Server Port，设置一个固定端口（比如8080），然后手动在浏览器地址栏输入http://localhost:8080/index.html打开页面，避免Live Preview的临时URL可能引发的路径问题。

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