使用 wget 镜像网站后，本地打开 index.html 在 chrome 中仅闪现 1–2 秒即空白，通常是因页面依赖的 javascript 动态修改 dom 或重定向所致。
当你使用 wget --mirror --convert-links --adjust-extension --page-requisites --no-parent 下载网站时，wget 会尽力下载 HTML、CSS、图片等静态资源，并将链接转换为本地相对路径。但它不会执行或改写 JavaScript 逻辑——而许多现代网站（尤其是单页应用或含反爬/路由跳转逻辑的站点）会在 <script> 中嵌入如下行为：</script>
- 页面加载后立即调用 location.href 或 window.location.replace() 进行跳转；
- 通过 AJAX 获取内容失败后清空 document.body；
- 检测当前协议（http:// vs file://）或来源（origin），发现非生产环境则隐藏主体内容；
- 使用前端路由（如 Vue Router、React Router）依赖 History API，在 file:// 协议下无法正常工作，导致白屏。
✅ 快速诊断步骤：
- 用文本编辑器打开 index.html，搜索 <script><li>在 Chrome 中按 F12 → 「Settings」→ 勾选 <em>Disable JavaScript → 刷新页面：若内容持久显示，则确认是 JS 导致白屏； </script>
- 查看浏览器控制台（Console）报错：常见如 Failed to load resource: net::ERR_FILE_NOT_FOUND（JS/CSS 路径未被 wget 正确转换）、SecurityError: Failed to execute 'replaceState' on 'History'（file:// 协议限制）。
? 实用解决方案：
- 临时绕过 JS 干扰：禁用 JavaScript 后截图/阅读内容（适合静态存档查看）；
- 修复路径问题：检查 index.html 中 <script src="..."> 和 <link href="..."> 的路径是否为相对路径且对应本地文件结构（wget 有时漏下子目录中的 JS）； </script>
-
避免 file:// 协议限制：不要双击打开 HTML，而是启动轻量服务器预览：
# Python 3（推荐） python3 -m http.server 8000 # 然后访问 http://localhost:8000/index.html
或使用 VS Code 插件 Live Server（比内置 Live Preview 更可靠，自动启用 http:// 协议）；
- 进阶处理 JS 逻辑：若需完全离线运行，可手动注释掉可疑脚本块（如含 window.location、history.pushState 的代码），或替换为模拟数据逻辑。
⚠️ 注意：--page-requisites 仅下载 、、<script> 标签中明确声明的资源，<strong>不会递归抓取 JS 内部动态加载的资源（如 fetch('/api/data.<a style="max-width:90%" title= "js" href="https://www.php.cn/zt/15802.html" target="_blank">json')），这也是白屏的常见深层原因。如需完整离线功能，建议结合 puppeteer 或专用爬虫工具替代 wget。</script>
总之，wget 是优秀的静态资源镜像工具，但并非万能——理解其局限性，并辅以浏览器调试与本地服务验证，才能高效解决“闪屏即空白”问题。
