必须先启用safari的“开发”菜单才能使用检查元素功能：进入safari设置→高级→勾选“在菜单栏中显示‘开发’菜单”，并完全退出重启safari；之后可通过右键“检查元素”、cmd+option+i快捷键或“开发→显示web检查器”调出检查器。
要在Mac版Safari浏览器中检查网页元素、实时修改HTML和CSS，必须先让「检查元素」功能可用——它不会默认出现，必须手动开启隐藏的开发者菜单，否则右键只有“查看源代码”，没有“检查元素”选项，快捷键也完全无效。
启用开发菜单（前提步骤）
打开 Safari 浏览器 → 点击顶部菜单栏的「Safari」→ 选择「设置」→ 切换到「高级」标签页 → 勾选「在菜单栏中显示“开发”菜单」。
【重启 Safari 才生效】 不少用户勾选后立刻尝试右键或按快捷键，发现没反应，就是因为跳过了这一步。部分 macOS 版本（尤其是 macOS Sequoia 15.6 及以上）必须完全退出 Safari（Cmd + Q），再重新打开，菜单栏才会出现「开发」。
调出检查器的三种方式
方法一：右键快捷访问
在已加载的 HTTP/HTTPS 网页任意空白处右键（或双指轻点触控板）→ 若开发菜单已启用，菜单底部会出现「检查元素」→ 点击即打开检查器，并自动定位到鼠标悬停位置对应的 HTML 节点。
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
方法二：快捷键直达
确保当前标签页是目标网页（不能是空白页或 file:// 协议本地文件）→ 按下 Command + Option + I → 检查器面板从底部或右侧弹出，默认聚焦在「元素」标签页。
方法三：菜单栏点击
点击顶部菜单栏的「开发」→ 选择「显示 Web 检查器」→ 面板展开后，点击顶部标签栏中的「元素」即可开始审查 DOM 结构。
验证是否成功启用
第一步：打开 https://example.com 这类标准网页（不要用本地 HTML 文件）；
第二步：右键页面空白处 → 确认菜单最底部出现「检查元素」；
第三步：按 Command + Option + I → 检查器弹出且「元素」标签页可交互；
第四步：在检查器左上角点击「选取元素」图标（箭头+方框），然后悬停网页任意文字或按钮，对应 HTML 行高亮显示。
如果前三步任一失败，说明开发菜单未真正激活，需返回「设置→高级」重新确认勾选并重启 Safari。
