首先启用Safari开发菜单，然后通过菜单命令或快捷键Option+Command+U查看完整HTML源代码；也可右键选择检查元素，使用Web检查器查看特定区域的DOM结构与样式信息。
如果您在浏览网页时需要检查页面的结构或调试内容，查看网页源代码是一个常用的方法。Safari浏览器提供了多种方式来查看网页的HTML源代码，帮助用户快速获取所需信息。
本文运行环境：MacBook Pro，macOS Sonoma
一、使用开发菜单查看源代码
启用Safari的开发菜单后，可以直接通过菜单命令查看当前页面的源代码。该方法适合需要频繁查看源码的开发者。
1、打开Safari浏览器，点击顶部菜单栏的Safari，选择设置。
立即学习“前端免费学习笔记（深入）”；
2、切换到高级标签页，勾选“在菜单栏中显示开发菜单”。
3、返回网页页面，点击顶部菜单栏的开发，然后选择显示页面源代码。
4、此时会弹出一个新窗口，显示当前网页的完整HTML源代码。
二、通过快捷键调用源代码查看功能
在启用开发菜单后，可以使用快捷键快速打开网页源代码，提升操作效率。
1、确保已开启开发菜单（参考第一种方法）。
2、加载目标网页后，按下快捷键Option + Command + U。
3、系统将自动弹出当前页面的HTML源代码窗口。
三、使用检查器查看局部HTML代码
检查器功能允许用户查看网页任意元素的具体HTML结构，适用于定位特定内容的代码片段。
1、启用开发菜单后，右键点击网页中的任意元素，选择检查元素。
2、或通过开发菜单进入开启Web检查器。
3、在检查器面板中，左侧显示的是网页的DOM结构，可展开查看具体的HTML标签和属性。
4、点击不同元素，右侧会同步显示其对应的HTML代码和样式信息。
