可通过浏览器另存为、复制源码、开发者工具导出或命令行工具四种方式保存网页HTML。一、使用“另存为”可完整保存网页及资源文件;二、手动复制源码适合仅需HTML文本的情况,粘贴至文本编辑器并保存为.html文件;三、通过F12开发者工具复制outerHTML可获取动态渲染后的DOM结构,适用于JS生成内容;四、利用curl或wget命令行工具可自动化抓取网页源码并保存为本地文件,便于批量处理。

如果您需要将网页的HTML源码保存到本地以便离线查看或进行修改,可以通过多种方式获取并存储网页的原始代码。以下是几种常用的方法:
一、使用浏览器的“另存为”功能
此方法适用于希望完整保存网页内容(包括图片、样式表和脚本)的用户。浏览器会自动打包资源并生成对应的文件夹。
1、打开目标网页,在浏览器中点击右上角菜单按钮 通常为三点或三条横线图标。
2、选择“另存为”选项,弹出保存对话框。
立即学习“前端免费学习笔记(深入)”;
3、设置保存位置,并在“保存类型”中选择“网页,全部”或“网页,仅HTML” 前者包含所有资源,后者仅保存HTML代码。
4、点击“保存”,浏览器将下载网页及相关资源至指定目录。
二、手动复制HTML源码
该方法适合只需要HTML文本内容而无需外部资源的情况,便于快速提取代码。
1、在目标网页上右键单击,选择“查看页面源代码”或按下快捷键 Ctrl+U 部分浏览器支持此快捷方式。
2、新标签页将显示网页的原始HTML代码,全选并复制所有内容。
3、打开本地文本编辑器(如记事本、VS Code等),粘贴已复制的代码。
4、将文件保存为 .html 扩展名 例如:index.html,确保编码格式为 UTF-8。
三、通过开发者工具导出
当需要保存经过JavaScript动态渲染后的DOM结构时,此方法更为有效。
1、在网页上按 F12 打开开发者工具,切换到“Elements”面板。
2、右键点击根节点(通常是 标签),选择“Copy outerHTML”。
3、使用文本编辑器新建文件,粘贴所复制的内容。
4、保存文件为 .html 格式,并用本地浏览器打开验证内容完整性 注意:外部资源路径可能需手动调整。
四、使用命令行工具抓取源码
适用于批量处理或自动化场景,利用curl或wget工具直接请求网页内容。
1、打开终端或命令提示符,输入以下命令之一:
curl -o page.html http://example.com
wget -O page.html http://example.com 请将 URL 替换为目标网页地址。
2、执行后,当前目录下将生成名为 page.html 的文件,包含服务器返回的原始HTML数据。










