目前主流的浏览器都提供了方便快捷的查看网页源代码的功能，以下以常见的 Chrome、Firefox 和 Safari 浏览器为例进行说明。
Chrome 浏览器
打开你想要查看源代码的网页，在网页的空白处点击鼠标右键，在弹出的菜单中选择“查看网页源代码”选项，此时会弹出一个新的窗口，里面显示的就是该网页的完整 HTML 源代码。另外，你也可以使用快捷键“Ctrl + U”（Windows 系统）或“Command + Option + U”（Mac 系统）来快速打开源代码窗口。
Firefox 浏览器
同样在网页空白处右键单击，选择“查看页面源代码”，或者使用快捷键“Ctrl + U”（Windows 系统）、“Command + Option + U”（Mac 系统），就能看到网页的源代码。Firefox 的源代码查看窗口还提供了一些实用的功能，比如搜索代码、代码高亮显示等，方便用户快速定位和分析代码。
Safari 浏览器
默认情况下，Safari 浏览器可能没有在菜单中显示查看源代码的选项。你需要先打开 Safari 浏览器，点击菜单栏中的“Safari”，选择“偏好设置”，在弹出的窗口中点击“高级”选项卡，勾选“在菜单栏中显示‘开发’菜单”。之后，当你打开网页时，点击“开发”菜单，选择“显示页面源代码”即可查看。
开发者工具查看
除了上述方法，浏览器的开发者工具也是查看和分析网页源代码的强大工具。
打开开发者工具
在 Chrome、Firefox 等浏览器中，你可以通过以下几种方式打开开发者工具：在网页空白处右键单击，选择“检查”；使用快捷键“Ctrl + Shift + I”（Windows 系统）或“Command + Option + I”（Mac 系统）；在浏览器的菜单中找到“更多工具”，然后选择“开发者工具”。
查看源代码
打开开发者工具后，通常会看到一个多面板的窗口。在这些面板中，找到“Elements”（元素）面板，这里显示的就是当前网页的 HTML 结构，你可以像浏览文件目录一样展开和折叠各个元素，查看它们的详细信息。如果你想查看某个特定元素的代码，可以在网页上直接点击该元素，开发者工具会自动定位到对应的代码位置。此外，开发者工具还提供了“Sources”（源代码）面板，这里可以查看网页的所有资源文件，包括 HTML、CSS、JavaScript 等。
命令行工具查看
对于一些有一定技术基础的用户，还可以使用命令行工具来查看网页源代码。以 Windows 系统的命令提示符和 Linux/Mac 系统的终端为例，使用“curl”或“wget”命令可以获取网页的源代码。
curl 命令
在命令行中输入“curl 网页 URL”，例如“curl https://www.example.com”，回车后就会在命令行中显示该网页的源代码。如果想将源代码保存到文件中，可以使用“curl 网页 URL -o 文件名”的命令，如“curl https://www.example.com -o example.html”。
wget 命令
在 Linux/Mac 系统中，“wget”是一个常用的下载工具，也可以用来获取网页源代码。输入“wget -O - 网页 URL”，如“wget -O - https://www.example.com”，同样可以在终端中看到网页的源代码。
查看网页完整源代码的方法有很多种，无论是使用浏览器自带功能、开发者工具还是命令行工具，都能满足不同用户的需求。掌握这些方法，能让我们更好地理解网页的工作原理，为网页开发、优化和调试提供有力的支持。希望大家在探索网页源代码的过程中，能发现更多互联网的奥秘。