最可靠方式是浏览器“查看页面源代码”后按Ctrl+S/Cmd+S保存为.html文件，选UTF-8编码、不选“完整网页”，确保双击可打开且内容完整。
直接保存为 .html 文件再发链接最可靠，别用微信“转发网页”或截图——那不是源码，别人打不开也改不了。
用浏览器“查看源代码”后另存为 .html
这是获取原始 HTML 源码（不含 JS 动态插入内容）的最准方式，适合分享给开发者或需要复用结构的人。
- 在 Chrome / Edge / Firefox 中打开目标网页，右键空白处 → 选「查看页面源代码」（Firefox 显示为「查看源代码」，Chrome/Edge 是「查看网页源代码」）
- 新标签页打开后，按
Ctrl+S（Windows）或Cmd+S（macOS），务必在该源码标签页里操作 - 保存类型选「Web Page, HTML Only」（Chrome/Edge）或「Page Source」（Firefox），不要选「Web Archive」或「完整网页」
- 文件名填
example.html，编码选 UTF-8，保存到桌面或指定文件夹即可
用开发者工具复制渲染后 DOM 再保存
当网页大量依赖 JavaScript 渲染（比如 React/Vue 页面），直接看源码是空的或只有骨架，这时得抓取实际显示的结构。
- 按
F12打开开发者工具 → 切到「Elements」面板 - 右键最外层的
<html>标签 → 「Copy」→ 「Copy outerHTML」 - 粘贴到 VS Code 或记事本，手动补上
<!DOCTYPE html>和<meta charset="utf-8">，否则中文可能乱码 - 保存时仍要选
.html后缀 + UTF-8 编码；若含相对路径的css/js，需提醒接收方这些资源不随 HTML 一起保存
发给别人前必须检查的三件事
很多人发完就说“打不开”，问题往往出在这几步：
立即学习“前端免费学习笔记（深入）”；
-
双击打开文件时浏览器报错或空白：大概率是编码没选 UTF-8，或文件扩展名写成.txt或漏了点（如写成indexhtm） -
页面样式丢失、图片不显示：HTML 里写的./css/style.css这类路径，在对方电脑上找不到对应文件夹——要么把整个项目文件夹打包发，要么把 CSS/JS 内联进<style>和<script> -
对方说“收到但不会用”：顺手附一句“双击就能看，如果弹黄条警告，点一下‘允许阻止的内容’就行”，比解释什么是 HTML 有效得多
真正容易被忽略的是：源码和渲染后 DOM 是两回事，选错方法会导致对方拿到的代码根本不能运行。分享前花 10 秒确认你保存的是能双击打开、有内容、无报错的 .html 文件，比事后反复重发强得多。
