ctrl+u查看源码无法另存为时，应全选复制（ctrl+a→ctrl+c），粘贴至vs code或记事本，保存为utf-8编码的.html文件；若页面禁用右键或快捷键，则改用view-source:协议、curl/wget命令行抓取或puppeteer无头浏览器方案。
Ctrl+U 看到源码但无法另存为怎么办
很多用户按 Ctrl+U 打开源码页后，发现右键菜单被禁、菜单栏“文件→另存为”也灰掉——这不是浏览器问题，而是页面在 里注入了 document.oncontextmenu = null 或类似脚本，只屏蔽了当前标签页的交互，不影响源码本身。
真正能用的方法是：在源码页按 Ctrl+A 全选 → Ctrl+C 复制 → 打开 VS Code / 记事本（别用系统默认记事本，它默认 ANSI 编码）→ 粘贴 → “文件→另存为”，文件名输 xxx.html，编码必须选 UTF-8，保存类型选“所有文件”。
- 用记事本保存时若不手动改编码，中文会变
??? -
Ctrl+U显示的是原始 HTML 源码（不含 JS 动态插入内容），适合分析结构和静态资源 - 如果
Ctrl+U也打不开，说明网站用了<frameset></frameset>或重定向跳转，直接跳到下一节
F12 Elements 里复制 outerHTML 是不是原始源码
不是。在开发者工具 Elements 面板里右键 → Copy → Copy outerHTML，拿到的是**当前渲染后的 DOM 快照**，JS 已执行、动态插入的节点（比如广告、懒加载图片、Vue 渲染块）都会包含在内，但原始注释、条件注释、服务端注入的占位符可能已被移除。
适用场景：你想保存“此刻看到的完整结构”，比如调试表单提交后状态、抓取 SPA 当前视图；不适用场景：想分析服务端模板逻辑或比对前后端差异。
- 若需原始源码，刷新页面后立刻切到
Network面板，筛选Doc类型请求，找到第一个text/html响应，右键 →Save as - 某些站点用 Service Worker 缓存 HTML，
Network可能显示(from ServiceWorker)，此时要先禁用 SW：F12 → Application → Service Workers → 点击Unregister - 复制
outerHTML后粘贴进编辑器，务必检查开头是否有和 <code>，缺了可能影响离线渲染
curl / wget 抓取 HTML 但页面离线打不开
用 curl -o page.html https://example.com 能拿到 HTML，但双击打开是空白或样式错乱——根本原因是浏览器用 file:// 协议加载时，会拒绝加载跨域资源（CSS/JS 图片路径是 https:// 或绝对路径），且现代框架依赖 history API，在 file:// 下直接报 SecurityError。
解决思路分两步：先下载 HTML + 关联资源，再修正路径引用。
- 用
wget --page-requisites --convert-links --no-parent https://example.com，它会下载 HTML + 同目录下所有 CSS/JS/img，并把链接转成相对路径 - 用
curl的话，得配合--include和后续手动处理，不如wget省心 - 下载后不要双击打开，而是启动本地服务器：
npx http-server（需 Node.js），然后访问http://localhost:8080/page.html
网站彻底屏蔽 F12 和 Ctrl+U 怎么办
极少数站点通过检测 devtools.isOpen 或监听 beforeunload + setTimeout 判断开发者工具是否开启，甚至用 <iframe src="about:blank"></iframe> 套壳隔离主页面——这时候浏览器内置功能基本失效，得换工具链。
优先尝试命令行直连，绕过前端 JS 限制：
-
curl -H "User-Agent: Mozilla/5.0" -H "Accept: text/html" -o raw.html https://example.com，加 header 减少被识别为爬虫的概率 - 如果返回 403/406，说明服务端校验 UA 或 Accept，换真实 UA 字符串，或加
-v看响应头确认拦截点 - 仍不行就用 Puppeteer：启动无头 Chrome，等页面加载完成再取
page.content()，它能执行 JS 并拿到最终 DOM，但配置略重
注意：部分政府/银行类网站启用 CSP script-src 'none' 或强制 HTTPS，curl 可能拿不到完整内容，这时只能用带真实浏览器环境的方案，且要留意 robots.txt 和网站使用条款。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
