1、可通过浏览器快捷键Ctrl+U查看源码并复制粘贴至记事本;2、可使用Ctrl+S将网页直接保存为.html文件;3、对于动态内容,可用F12开发者工具复制Elements中的完整dom结构并保存为html文件。

如果您想将网页的HTML源码保存下来以便查看或编辑,可以通过浏览器获取源码并使用记事本进行保存。以下是具体的操作方法:
一、通过浏览器查看并复制源码
此方法适用于快速获取当前页面的HTML内容,并将其粘贴到记事本中进行保存。
1、在电脑上打开需要保存源码的网页,确保页面已完全加载。
2、按下键盘上的 Ctrl + U 快捷键,浏览器会新打开一个显示该网页HTML源码的页面。
立即学习“前端免费学习笔记(深入)”;
3、在源码页面中,按下 Ctrl + A 全选所有代码内容。
4、接着按下 Ctrl + C 复制所选内容。
5、打开windows系统自带的“记事本”程序,按下 Ctrl + V 将复制的HTML代码粘贴进去。
二、直接保存网页为HTML文件
这种方法无需手动复制粘贴,可以直接将整个网页以HTML格式保存到本地。
1、在浏览器中打开目标网页,点击右上角菜单按钮(通常是三个点或三条横线)。
2、选择“另存为”选项,或者直接按下 Ctrl + S 打开保存对话框。
3、在弹出的窗口中,选择保存位置,例如桌面或指定文件夹。
4、在“文件名”输入框中为文件命名,并确保文件扩展名为 .html 或 .htm。
5、在“保存类型”下拉菜单中选择“网页,仅HTML”或其他相关HTML格式。
6、点击“保存”按钮,系统会将网页源码自动保存为HTML文件。
三、使用开发者工具提取源码
当页面内容由javaScript动态生成时,直接查看源码可能无法获取完整结构,此时可使用开发者工具捕获当前DOM。
1、在浏览器中打开网页,按下 F12 或 Ctrl + Shift + I 打开开发者工具。
2、切换到“Elements”(元素)标签页,这里显示的是当前渲染后的完整HTML结构。
3、右键点击最外层的 <html> 标签,选择“copy” → “Copy outerHTML”。
4、打开记事本程序,按下 Ctrl + V 粘贴复制的HTML内容。
5、保存文件时,将文件命名为如“page.html”,注意在保存对话框中将“保存类型”设为“所有文件”,避免被保存为.txt格式。


