直接在浏览器中打开本地HTML文件最可靠，地址栏显示file:///开头；查找需区分原始源码、服务端渲染结果与JS生成的DOM，目标决定方法。
直接在浏览器里打开本地 HTML 文件，比“找”更可靠；所谓“查找”，本质是定位文件路径或确认网页源码是否可访问。
用文件管理器直接打开本地 index.html 等文件
大多数 HTML 文件就藏在你下载的项目文件夹、桌面或文档目录里。双击打开时，注意浏览器地址栏是否显示 file:/// 开头的路径——这是本地文件的标志。
- Windows：资源管理器中搜索
*.html或*.htm，勾选“包含子文件夹” - macOS：用聚焦搜索（Cmd + Space），输入
kind:html或直接搜.html - Linux：终端执行
find ~/ -name "*.html" -type f | head -20快速列出最近的 20 个 - 别点开压缩包里的 HTML——它不会真正运行 JS/CSS，必须先解压到普通文件夹
在已打开的网页中查看真实 HTML 源码
右键“查看网页源代码”看到的不一定是最终渲染结果，而是服务器返回的原始 HTML。如果页面大量依赖 JavaScript 动态生成内容（比如 React/Vue 应用），View Source 里可能只有空容器。
- 正确做法：按
F12打开开发者工具 → 切到Elements标签页 → 这里是 DOM 树，含 JS 修改后的结构 -
Ctrl+U（Windows/Linux）或Cmd+U（macOS）快捷键调出的是原始源码，不是实时 DOM - 有些网站禁用右键或
View Source，但开发者工具不受影响，F12始终有效
用浏览器 DevTools 抓取当前页面完整 HTML（含动态内容）
想保存一份“此刻可见”的完整 HTML（比如截图前备份、调试渲染问题），不能只靠右键另存为——它常漏掉内联样式或 JS 注入的节点。
立即学习“前端免费学习笔记（深入）”；
- 在
Elements面板中，右键最外层节点 → 选择Copy→Copy outerHTML - 粘贴到文本编辑器，另存为
page-full.html，再双击打开即可复现当前状态 - 注意：外部资源（如 CDN 的 CSS/JS）仍需联网加载；离线使用需手动下载并改写
src/href路径
用命令行快速提取网页中的 HTML 片段（curl + grep）
适合批量检查或自动化场景，比如确认某个 class 是否存在、标题是否包含关键词。
curl -s "https://example.com" | grep "<title>"
curl -s "https://example.com" | grep -o 'class="[^"]*header[^"]*"' | head -1
-
curl -s静默请求，避免进度条干扰；加-L可跟随重定向 - 纯
grep解析 HTML 不可靠——标签换行、属性顺序、注释都会导致匹配失败；真要解析请用python -m html.parser或pup工具 - 遇到反爬网站（如返回 403），加
-H "User-Agent: Mozilla/5.0"模拟浏览器请求头
真正难的不是“找到 HTML”，而是分清你手上的到底是原始源码、服务端渲染结果、还是浏览器执行 JS 后的 DOM——三者可能完全不同。动手前先问一句：你要调试结构？保存快照？还是分析数据？目标不同，路径就差很远。
