这是最常用且最简单的方法，几乎所有主流浏览器都支持通过自带功能查看网页源代码。
以 Chrome 浏览器为例
当我们打开一个网页后，在网页的空白处点击鼠标右键，在弹出的菜单中会看到“查看网页源代码”的选项，点击它，就会弹出一个新的窗口，窗口中显示的就是该网页的全部源代码。另外，也可以使用快捷键来操作，按下“Ctrl + U”（在 Mac 系统中是“Command + Option + U”），同样能快速打开网页源代码窗口。
Firefox 浏览器
操作方式与 Chrome 类似，在网页空白处右键点击，选择“查看页面源代码”，或者使用快捷键“Ctrl + U”（Mac 系统为“Command + Option + U”）即可查看。
Safari 浏览器
默认情况下，“显示页面源代码”选项可能没有显示在菜单中。我们需要先打开 Safari 浏览器，点击菜单栏中的“Safari”，选择“偏好设置”，在弹出的窗口中点击“高级”，勾选“在菜单栏中显示‘开发’菜单”。之后，打开网页，点击菜单栏中的“开发”，选择“显示页面源代码”就能看到网页的源代码了。
开发者工具查看与调试源代码
浏览器的开发者工具不仅可以查看源代码，还能对其进行调试和修改。
打开开发者工具
在 Chrome 浏览器中，在网页空白处右键点击，选择“检查”，或者按下“Ctrl + Shift + I”（Mac 系统为“Command + Option + I”），就会打开开发者工具。在 Firefox 中，同样可以右键选择“检查元素”，或者使用快捷键“Ctrl + Shift + I”（Mac 系统为“Command + Option + I”）。
使用开发者工具查看源代码
打开开发者工具后，一般会看到多个面板，如“Elements”（元素）面板。在这个面板中，我们可以看到网页的 HTML 结构，通过展开和收缩不同的标签，可以详细查看各个部分的源代码。同时，还能实时修改代码并查看网页的变化，这对于调试和学习非常有帮助。
利用在线工具获取源代码
除了浏览器自带的方法，还有一些在线工具可以帮助我们获取网页源代码。
网页源代码查看器
在搜索引擎中输入“网页源代码查看器”，可以找到很多相关的在线工具。我们只需要将想要查看源代码的网页 URL 复制到工具的输入框中，点击“查看”按钮，工具就会帮我们获取并显示该网页的源代码。
代码托管平台
有些网站会将自己的代码开源并托管在代码托管平台上，如 GitHub。如果我们知道某个网站的代码在 GitHub 上有开源项目，就可以直接在 GitHub 上搜索该项目，从而获取到完整的源代码。
注意事项
在获取网页源代码时，我们需要遵守相关法律法规和网站的使用条款。有些网站可能禁止用户获取其源代码，或者对源代码的使用有严格的限制。因此，在进行操作之前，最好先了解清楚相关规定，避免不必要的法律风险。
总之，通过浏览器自带功能、开发者工具和在线工具等多种方法，我们可以方便地获取网页的源代码。掌握这些方法，无论是对于学习网页开发还是进行网站分析，都具有重要的意义。希望大家在探索网页源代码的过程中，能够不断学习和进步，更好地理解和运用网页技术。