验证html结构完整性需先确认document.documentelement存在，再依次检查document.head和document.body是否非null；三者缺一即表明缺少、或标签，常见于服务端模板漏写、cdn缓存截断或mime类型错误。
CDN 代理下 document.body 为 null 怎么办
不是 CDN 搞鬼，而是 HTML 被截断或未完整返回——常见于服务端模板渲染漏写 ，或 CDN 边缘节点缓存了不完整的响应体（比如 gzip 压缩中途被截断、HTTP/2 流被提前终止）。浏览器解析时发现缺少闭合标签，会尝试自动修复，但有时直接放弃构建 document.body。
排查步骤：
- 在 Network 面板里点开
index.html请求，看 Preview 是否显示完整 DOM 树；若为空白或只有开头，说明响应体本身不全 - 对比 Response 和 Preview 选项卡内容：Response 是原始字节流，Preview 是浏览器解析后结果；两者差异大，说明 HTML 语法错误或编码混乱（如 BOM 头错位）
- 用
curl -sL -H "Accept-Encoding: identity" https://your-site.com/绕过压缩直取明文，检查是否真缺
为什么用 n8n 的 HTML 节点提取不到 title 或 script
n8n 的 HTML 节点只处理输入的原始 HTML 字符串，它不执行 JS、不等待动态注入、也不模拟浏览器 DOM 构建过程。如果目标页面依赖 JS 渲染（比如 React/Vue SSR 后 hydrate），那么 HTTP Request 拿到的只是骨架 HTML，<title></title> 可能被 JS 改写，<script></script> 标签也可能被动态插入——这些都不会出现在原始响应里。
正确做法：
- 确认你要提取的是「服务端直出内容」还是「客户端渲染后内容」；前者用 n8n + HTML 节点即可，后者必须换 Puppeteer 或 Playwright
- 检查 HTTP Request 节点返回的
body字段是否真含<title>My App</title>；若没有，问题不在解析而在源头 - 避免用
document.title这类运行时属性，n8n 无法访问；所有提取必须基于静态 HTML 结构
CDN 回源后 HTML 结构变了，integrity 校验却没报错
integrity 属性只对 <script></script> 和 <link rel="stylesheet"> 生效，且必须搭配 crossorigin 才触发校验。它不校验 HTML 本身结构，也不管你页面有没有 或 ——哪怕整个 HTML 被 CDN 替换成一行 <h1>404</h1>，只要 script 标签还在、integrity+crossorigin 都有，浏览器就照常比对哈希。
所以「结构变了但没报错」是正常现象。真正要防的，是 CDN 修改了 JS/CSS 文件内容却没更新哈希值。这时你应该：
- 用
curl -sL https://cdn.example.com/app.js | openssl dgst -sha384 -binary | openssl base64 -A重算哈希，和 HTML 中写的integrity值比对 - 检查 CDN 是否启用了「HTML 重写」功能（如 Cloudflare 的 Auto Minify 或 Rocket Loader），它们可能删空格、改标签顺序，导致 JS 执行异常，但 integrity 不会拦——因为文件字节没变
- 若用 Webpack/Vite 构建，确保
html-webpack-plugin或rollup-plugin-html在注入integrity前，已读取最终生成的 JS 文件内容，而非构建前的旧副本
如何验证 CDN 返回的 HTML 是「结构完整」的原始版本
不能只看浏览器 Elements 面板——它显示的是最终 DOM，可能已被 JS 改得面目全非。要验证 CDN 是否原样透传了服务端输出，得回到网络层和解析层交叉验证。
关键动作：
- 在 Network 面板禁用缓存（Disable cache）、强制刷新（Ctrl+Shift+R），再抓包看
index.html的 Response 是否包含三件套，且无乱码或截断 - 执行
document.documentElement && document.head !== null && document.body !== null；三个都为 true 才算结构健全，缺一不可 - 注意 MIME 类型：响应头
Content-Type: text/html必须存在，否则浏览器按text/plain解析，根本不走 HTML 解析器，document.body必然为 null
CDN 最容易在「压缩、重写、缓存策略」三个环节悄悄破坏 HTML 完整性，而浏览器既不报错也不提示——它只是默默按残缺内容构建 DOM。这点比 JS 报错更难察觉，得靠主动验证。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
