17370845950

1、启用Safari开发菜单后，通过“开发”→“显示页面源代码”可查看完整HTML；2、快捷键Option+Command+U能快速打开源代码窗口；3、右键选择“检查元素”可查看并交互式分析局部HTML结构。

如果您在浏览网页时需要检查页面的结构或调试内容，查看网页源代码是一个常用的操作。Safari 浏览器提供了多种方式来查看 HTML 源代码。

本文运行环境：MacBook Pro，macOS Sonoma

一、使用开发菜单查看源代码

启用 Safari 的开发菜单后，可以直接访问网页的源代码和开发者工具，方便进行详细分析。

1、打开 Safari 浏览器，点击顶部菜单栏的Safari，选择设置。

2、切换到高级标签页，勾选底部的“在菜单栏中显示开发菜单”选项。

3、返回网页，点击菜单栏中的开发，然后选择显示页面源代码。

4、此时会弹出一个新窗口，显示当前网页的完整 HTML 源代码。

二、通过快捷键快速查看源代码

在启用了开发菜单的前提下，可以使用快捷键直接调用源代码查看功能，提高操作效率。

1、确保已按照第一种方法开启开发菜单。

2、加载目标网页后，按下快捷键Option + Command + U。

3、系统将自动打开一个新的文本窗口，展示该网页的原始 HTML 代码。

三、使用检查元素功能查看局部源码

当只需要查看网页某一部分的 HTML 结构时，可利用检查元素功能定位具体代码段。

1、右键点击网页上的任意元素（若鼠标不支持右键，请按住Control键并单击）。

2、从上下文菜单中选择检查元素。

3、右侧或下方将打开开发者工具面板，高亮显示所选元素对应的 HTML 代码。

4、可在此面板中展开或折叠节点，查看特定区域的结构信息。