必须先启用Safari的“开发”菜单才能调试网页：1. 点击Safari→设置→高级→勾选“在菜单栏中显示‘开发’菜单”；2. 之后可用菜单、Option+Command+I快捷键或右键“检查元素”调出检查器。
你在Mac上用Safari调试网页时，发现右键没有“检查元素”选项，菜单栏也找不到“开发”二字——这意味着开发者菜单被系统默认关闭，所有前端调试功能（包括审查DOM、修改CSS、查看控制台）都处于不可用状态。
启用Safari的“开发”菜单
这是所有后续操作的前提，不完成这一步，后面所有检查、调试、源码查看都会失败。
1、点击屏幕左上角的「Safari」菜单 → 选择「设置」（旧版系统显示为“偏好设置”，效果完全一致）。
2、在设置窗口顶部标签栏中，点击「高级」标签页（图标是齿轮状，通常在最右侧）。
3、向下滚动到底部，勾选「在菜单栏中显示“开发”菜单」。
4、关闭设置窗口，立即检查菜单栏：“开发”必须出现在“书签”和“窗口”之间。这一步失败会导致后续所有调试操作全部失效，【务必确认勾选状态已保存】。
检查元素的三种常用方式
方法一：通过菜单调出网页检查器
这适合刚启用开发菜单、还不熟悉快捷键的新手，路径清晰，容错率高。
1、确保目标网页已在Safari中打开并获得焦点。
2、点击顶部菜单栏的「开发」→「显示网页检查器」。
3、右侧或下方会弹出开发者工具面板，默认定位在「元素」标签页，可直接浏览和编辑HTML结构。
方法二：用快捷键快速唤起检查器
比菜单少点三次鼠标，适合频繁调试场景，但前提是焦点必须在网页标签页内，否则快捷键无效。
按 Option + Command + I 组合键，检查器立刻展开。
方法三：右键直接检查指定元素
无需切换窗口，所见即所得，特别适合快速定位某个按钮、图片或表单控件。
在网页任意位置右键（或触控板双指轻点）→ 选择「检查元素」。
开发者工具会自动跳转到对应DOM节点，并高亮该元素在页面中的位置。
