需启用Safari开发者菜单并调用检查器查看源代码：先在偏好设置→高级中勾选“显示‘开发’菜单”，再通过“开发→显示网页检查器”或快捷键Option+Command+I打开，可切换“元素”“资源”“控制台”等标签查看HTML、CSS、JS等内容。
如果您在使用 Safari 浏览器时希望查看网页的 HTML、CSS 或 JavaScript 源代码，需要启用并调用其内置的开发者工具。以下是实现该目标的具体步骤：
一、启用 Safari 开发者菜单
默认情况下，Safari 的开发者工具处于隐藏状态，必须先在设置中开启“开发”菜单选项，才能访问所有调试功能。
1、打开 Safari 浏览器，点击顶部菜单栏中的Safari → 偏好设置。
2、切换到“高级”标签页。
3、在底部勾选“在菜单栏中显示‘开发’菜单”。
二、打开网页检查器查看源代码
启用开发菜单后，可随时调出检查器来实时查看和编辑当前网页的结构与样式。
1、访问任意网页，确保页面已完全加载。
2、点击顶部菜单栏的“开发” → 当前网页名称 → “显示网页检查器”。
3、检查器窗口将从底部或右侧展开，默认定位在“元素”标签页，显示当前页面的 HTML 结构树。
三、切换至不同代码视图面板
网页检查器提供多个标签页，分别对应不同类型的源码与运行时信息，用户可根据需求切换查看。
1、点击检查器顶部的“元素”标签，查看实时渲染的 HTML 和内联 CSS。
2、点击“资源”标签，浏览网页加载的所有文件，包括 HTML、CSS、JS、图片及本地存储数据。
3、点击“控制台”标签，查看 JavaScript 执行日志、错误信息及运行自定义脚本。
四、快速查看页面源代码（原始 HTML）
若需查看未经渲染修改的原始 HTML 文件内容，而非 DOM 树结构，应使用“显示页面源代码”功能。
1、在 Safari 中打开目标网页。
2、点击顶部菜单栏的“开发” → “显示页面源代码”。
3、新窗口将打开只读的纯文本格式 HTML 源码，支持搜索但不可编辑。
五、使用快捷键快速唤起检查器
为提升效率，Safari 支持通过键盘组合键直接打开检查器，无需依赖鼠标操作。
1、确保已启用开发菜单（如步骤一所述）。
2、聚焦于目标网页时，按下Option + Command + I（Mac 键盘）。
3、检查器立即弹出，并默认停留在“元素”面板，可直接展开节点查看嵌套结构。
