目前主流的浏览器，如 Chrome（谷歌浏览器）、Firefox（火狐浏览器）、Edge 等，都提供了便捷查看网页源代码的功能。
以 Chrome 浏览器为例，当我们打开一个网页后，只需按下键盘上的“Ctrl + U”组合键（在 Mac 系统中是“Command + Option + U”），即可快速打开网页源代码页面。在这个页面中，我们能看到完整的 HTML（超文本标记语言）代码，它定义了网页的基本结构，包括、段落、图片、链接等元素。同时，还会看到 CSS（层叠样式表）代码，用于控制网页的布局与样式，如颜色、字体、间距等。如果网页包含动态交互效果，还能找到 JavaScript 代码，它赋予网页动态功能，如按钮点击响应、表单验证等。
Firefox 浏览器同样支持“Ctrl + U”快捷键查看源代码。Edge 浏览器除了“Ctrl + U”，还可以通过点击浏览器右上角的三个点，在弹出菜单中选择“查看源文件”来查看网页源代码。
这种方式查看的源代码是浏览器接收到服务器发送的原始代码，未经过任何处理，能让我们直观了解网页最初的编写情况。
二、利用浏览器开发者工具查看源代码
浏览器的开发者工具不仅能查看源代码，还提供了丰富的分析与调试功能。
在 Chrome 浏览器中，按下“F12”键（或右键点击网页空白处选择“检查”）可打开开发者工具。在“Elements”（元素）面板中，展示了网页实时渲染后的 DOM（文档对象模型）结构，与直接查看源代码不同，这里的代码结构会随着网页元素的动态变化实时更新。例如，当我们鼠标悬停在某个网页元素上时，对应的 HTML 代码会在“Elements”面板中高亮显示，同时还能在右侧看到该元素应用的 CSS 样式，方便我们分析网页布局与样式的设置。
Firefox 的开发者工具同样强大，按下“F12”打开后，“Inspector”（检查器）面板功能类似于 Chrome 的“Elements”面板，能让我们便捷查看和分析网页元素的代码与样式。Edge 浏览器的开发者工具也有类似功能，在“Elements”选项卡中实现对网页元素及代码的查看与分析。
利用开发者工具查看源代码，对于网页设计与开发人员来说，是进行调试与优化的重要手段，能快速定位代码问题，提升网页性能。
三、通过命令行工具查看源代码（以 Windows 系统的 curl 为例）
在 Windows 系统中，我们可以借助命令行工具 curl 来获取网页源代码。首先需要确保 curl 已安装，若系统未自带，可从官网下载安装。
打开命令提示符（CMD）窗口，输入命令“curl [网页网址]”，例如“curl https://www.baidu.com”，回车后即可在命令行窗口中看到该网页的源代码。这种方式获取的源代码是未经浏览器渲染处理的原始，对于分析网页在服务器端的初始代码结构很有帮助。
curl 命令还支持一些参数，如“-o”参数可将获取的源代码保存为本地文件。输入“curl -o baidu.html https://www.baidu.com”，就能将百度首页的源代码保存为名为“baidu.html”的本地文件，方便我们离线查看与分析。
综上所述，在电脑上查看网页源代码有多种方法，每种方法都有其特点与适用场景。无论是普通用户出于好奇探索网页奥秘，还是网页开发人员进行调试与学习，都能通过这些方法满足需求，深入了解网页背后的代码世界。