右键“查看源代码”页面不支持“另存为”,应改用当前网页右键“另存为”并选“网页,完整”;要原始服务器响应需在network面板找doc请求save as;保存时必须选utf-8编码防乱码。

右键“查看源代码”后点不了“另存为”?
浏览器打开的源代码页面(比如 Chrome 的 view-source: 协议地址)本身不支持右键“另存为”,这是设计限制,不是你操作错了。很多用户卡在这一步,以为必须用开发者工具——其实有更直接的替代路径。
可行做法:别在源代码页保存,改用“当前网页另存为”。前提是网页已加载完成且没被 CSP 或 JS 动态清空 DOM:
- 在页面空白处右键 → 选“另存为”(Chrome/Edge/Firefox 都支持)
- 保存类型选“网页,完整”可同时下载 HTML + 图片/CSS/JS 文件夹;选“网页,仅 HTML”则只存单个
.html文件 - 注意:此方式保存的是最终渲染后的 HTML(即
document.documentElement.outerHTML),不是原始服务器返回的源码
要保存原始服务器返回的 HTML 源码,必须用 Network 面板
如果需要和 curl/wget 抓到的一致、未被 JS 修改过的原始响应体(比如调试 SSR、检查服务端注入),Elements 面板或“查看源代码”都不行——它们展示的已是浏览器解析+执行后的结果。
正确路径是:打开开发者工具 → 切到 Network 标签 → 刷新页面 → 找到顶部第一个 Doc 类型请求 → 右键 → Save as:
- 这个文件才是服务器真实返回的字节流,含原始换行、注释、未 minify 的结构
- 若该请求被重定向,需点开它,确认响应状态码是
200再保存 - 某些 SPA 首屏可能是
index.html空壳,此时需等路由加载完再抓对应Doc请求(如/dashboard)
复制粘贴保存时中文乱码?编码选 UTF-8 是硬性要求
用记事本或 VS Code 粘贴 HTML 后保存,如果不手动指定编码,Windows 记事本默认用 ANSI(实际是 GBK),中文立刻变问号或方块。这不是文件损坏,是解码错位。
关键动作:所有编辑器保存时必须显式选 UTF-8 编码,且不带 BOM:
- VS Code:底部状态栏点击编码名 → 选
Save with Encoding→UTF-8 - 记事本:「另存为」对话框里下拉「编码」选项 → 必须选
UTF-8(不是UTF-8-BOM) - Sublime Text:File → Save with Encoding → UTF-8
- 保存后双击打开,若中文正常显示,说明编码正确;若仍是乱码,说明保存时没生效,重来
curl 命令保存 HTML 到指定文件夹,路径和权限容易漏
命令行方式适合批量、自动化场景,但新手常栽在路径写错或没处理重定向:
- 基础命令:
curl -o /path/to/folder/page.html https://example.com,注意-o后是完整路径+文件名,不是目录 - 若网站跳转(如 HTTP → HTTPS),加
-L参数,否则保存的是 301 响应体 - Linux/macOS 下路径含空格需用引号包裹:
curl -o "/Users/name/My Folder/page.html" ... - Windows PowerShell 中反斜杠需转义或改用正斜杠:
curl -o "C:/temp/page.html" ... - 目标文件夹不存在时,
curl不会自动创建,得先mkdir -p /path/to/folder
真正难的不是保存动作本身,而是分清你要的是“原始响应”“渲染后 DOM”还是“编辑后快照”——三者来源不同、用途不同、连乱码表现都不同。选错源头,后面全白忙。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











