33 lines
1.8 KiB
Markdown
33 lines
1.8 KiB
Markdown
|
# PDF resource tab 连续打开第 4 个文件卡住
|
|||
|
|
|
|||
|
|
## 现象
|
|||
|
|
|
|||
|
|
- 在文档页 resource tab 内连续打开多个 PDF 时，第 4 个 PDF 必现卡住。
|
|||
|
|
- 卡住时 tab 标题已经切换，但 iframe 仍停在 `about:blank` 或空 body，PDF canvas 数量为 0。
|
|||
|
|
- 单独打开 `/pdf-preview` 页面、或独立页面中复用单个 iframe 连续切换 PDF，均不能复现。
|
|||
|
|
|
|||
|
|
## 根因
|
|||
|
|
|
|||
|
|
PDF resource tab 通过 iframe 加载 `/pdf-preview`，连续创建/替换 PDF iframe 后会进入空白加载状态。问题不在具体 PDF 文件，也不在页数懒加载策略。
|
|||
|
|
|
|||
|
|
## 修复
|
|||
|
|
|
|||
|
|
- resource tab 内的 PDF 改为直接使用 pdf.js 渲染 canvas，不再通过 iframe 打开 `/pdf-preview`。
|
|||
|
|
- 关闭或替换 PDF resource tab 时销毁 pdf.js document，释放渲染资源。
|
|||
|
|
- 移除 `/pdf-preview` 内此前排查用的懒加载、占位页和多页预渲染逻辑，保留 2x 起步渲染清晰度。
|
|||
|
|
- `dev:hot` 默认把 loopback bind 修正为 `0.0.0.0:<port>`，避免外网访问不到 3000。
|
|||
|
|
|
|||
|
|
## 验证
|
|||
|
|
|
|||
|
|
- 真实浏览器连续打开以下 4 个 PDF：
|
|||
|
|
- `patent/WO2024170760A1_Camellia_oleifera_tea_oil_concentrate.pdf`
|
|||
|
|
- `standard/T_CAIFCCI_106-2026_cosmetic_ingredient_camellia_oleifera_seed_oil.pdf`
|
|||
|
|
- `literature/Ouyang_2024_Frontiers_aged_Camellia_oleifera_oil_AD.pdf`
|
|||
|
|
- `literature/Leclere_2025_OCL_Tea_oil_concentrate.pdf`
|
|||
|
|
- 第 4 个 PDF 结果：`canvasCount=15`，`iframeCount=0`，`status=15 / 15`，浏览器错误 0。
|
|||
|
|
- `node --check rust/crates/mnote-web/browser/document-resource-tab-runtime.js`
|
|||
|
|
- `node scripts/task-dev-hot-plan-test.js`
|
|||
|
|
- `cargo test -p mnote-web --manifest-path rust/Cargo.toml pdf_preview_page_does_not_render_visible_toolbar`
|
|||
|
|
- `cargo test -p mnote-web --manifest-path rust/Cargo.toml document_shell_returns_page_aggregate_snapshot`
|
|||
|
|
- `cargo build -p mnote-web --manifest-path rust/Cargo.toml`
|