可通过浏览器开发者工具获取 HTML5 源码：一、Elements 面板复制 outerHTML 获渲染后 DOM；二、Sources 面板保存原始 HTML 文件；三、Network 面板筛选并导出 200 状态 HTML 响应。
如果您想查看某个网页的 HTML5 源码，但无法直接访问服务器文件或未提供源码下载入口，则可通过 浏览器 内置的开发者 工具 快速定位并提取当前页面的 HTML 结构与资源。以下是获取 HTML5 源码的具体操作步骤：
一、通过 Elements 面板实时查看并复制渲染后 HTML
Elements 面板显示的是浏览器解析并渲染后的 DOM 树，包含 JavaScript 动态插入的内容，适用于获取当前可见页面结构。
1、在目标网页按 F12 或右键选择“检查”打开开发者工具。
2、确保处于 Elements 标签页（默认打开即为此页）。
立即学习 “ 前端免费学习笔记（深入）”；
3、在左侧 DOM 树中右键点击最外层的 html> 节点。
4、在弹出菜单中选择 Copy → Copy outerHTML。
5、将复制内容粘贴至文本编辑器中，即可获得完整 HTML5 源码（含动态生成部分）。
二、通过 Sources 面板获取原始 HTML 文件
Sources 面板展示的是网页初始加载时从服务器获取的原始 HTML 文件，不含后续 JS 修改，适合获取服务端真实响应。
1、按 F12 打开开发者工具，切换至 Sources 标签页。
2、在左侧文件树中展开 Page 节点，找到以 .html 结尾的主文档（通常为第一个文件，如 index.html 或 domain.com）。
3、点击该 HTML 文件，右侧将显示原始源码。
4、右键编辑区，选择 Save as……，保存为本地 .html 文件。
三、使用 Network 面板捕获 HTML 响应内容
当页面存在重定向、SPA 路由 或主 HTML 未在 Sources 中自动列出时，可通过 Network 面板手动筛选并导出 HTML 请求。
1、按 F12 打开开发者工具，切换至 Network 标签页。
2、刷新页面（Ctrl+R 或 Cmd+R），确保捕获全部请求。
3、在过滤栏输入 html，或点击 Doc 类型筛选器。
4、在列表中找到 状态码 为 200 且 Initiator 为空或为“Other”的主 HTML 请求。
5、点击该请求，在右侧切换到 Response 子标签页，全选内容（Ctrl+A），复制并保存。
以上就是怎么获取
