必须先启用safari的“开发”菜单,再通过菜单栏、快捷键option+command+u、右键菜单或web检查器(option+command+i)查看html源代码。

如果您在 macOS 上使用 Safari 浏览器,但无法直接查看当前网页的 HTML 源代码,则可能是由于“开发”菜单尚未启用。Safari 默认隐藏该菜单,需手动开启才能访问源代码查看、Web 检查器等核心开发者功能。以下是多种可靠方法:
一、启用“开发”菜单(基础前提)
该操作是所有源代码查看方式的必要前提,启用后“开发”菜单将立即出现在菜单栏中,无需重启浏览器。未完成此步,其余方法均不可用。
1、点击屏幕左上角的Safari菜单,选择设置(旧系统显示为“偏好设置”,功能一致)。
2、在设置窗口顶部标签栏中,点击高级标签页(图标为齿轮状,通常位于最右侧)。
3、向下滚动至页面底部,勾选在菜单栏中显示“开发”菜单复选框。
4、关闭设置窗口,确认菜单栏中“开发”已出现在“书签”与“窗口”之间,表示启用成功。
二、通过“开发”菜单直接查看源代码
启用“开发”菜单后,可调用内置的源代码查看器,在新标签页中以纯文本形式呈现完整 HTML 结构,所见即当前页面原始源码。
1、确保目标网页已在 Safari 中完全加载并处于当前活动标签页。
2、点击菜单栏的开发菜单。
3、在下拉子菜单中,找到并选择当前网页的域名名称(例如:example.com 或 localhost:3000)。
4、在展开的二级菜单中,点击显示页面源代码。
三、使用快捷键快速打开源代码视图
启用“开发”菜单后,系统自动激活对应快捷键绑定,可跳过鼠标操作,适用于高频调试场景,响应即时且稳定。
1、确保目标网页已加载完成并获得焦点(点击页面任意空白处即可)。
2、按下键盘组合键:Option + Command + U。
3、Safari 将立即在新标签页中打开只读文本格式的 HTML 源代码,支持复制与搜索。
四、通过右键上下文菜单调出源代码选项
该方式依赖“开发”菜单已启用且网页未禁用右键交互,适合快速定位操作,尤其适用于触控板双指轻点等自然手势场景。
1、在网页内容区域按住Control 键并点击鼠标左键(或在触控板上双指轻点)。
2、在弹出的上下文菜单中,找到并选择显示页面源代码。
3、源代码将在新标签页中以纯文本形式呈现,不包含渲染样式或 JavaScript 执行结果。
五、通过检查器定位并查看局部源代码
Web 检查器提供结构化 DOM 视图,可精准定位特定元素及其嵌套 HTML 片段,适用于分析动态生成内容或查找关键标签节点。
1、确保“开发”菜单已启用,访问目标网页后按下快捷键:Option + Command + I,调出 Web 检查器。
2、在检查器左侧 DOM 树中,点击任意 HTML 节点,右侧将同步高亮其源码行。
3、右键点击某节点,在弹出菜单中选择复制 → 复制外层HTML或复制内层HTML,获取选定片段源码。










