必须先启用Safari的“开发”菜单，否则无法使用元素审查工具；依次通过设置→高级→勾选“在菜单栏中显示‘开发’菜单”，若无效则用终端执行defaults write com.apple.Safari IncludeDevelopMenu -bool true及killall Safari命令。
要在 Safari 浏览器中真正用上元素审查工具，必须先让“开发”菜单出现在顶部菜单栏——这一步不做，Command+Option+I 快捷键按烂也没反应，右键菜单里永远找不到“检查元素”，所有调试入口都被系统锁死。
启用 Safari 的“开发”菜单
这是不可跳过的前置动作，所有后续操作都依赖它。界面勾选后若菜单仍未出现，说明配置未生效，需用终端强制写入。
第一步：点击屏幕左上角的「Safari」→ 选择「设置」（旧版系统显示为“偏好设置”，效果一致）。
第二步：在设置窗口顶部标签栏中，点击「高级」标签页（图标是齿轮状，通常在最右侧）。
第三步：向下滚动到底部，勾选「在菜单栏中显示“开发”菜单」。【务必确认勾选状态已保存，关闭窗口后立即查看菜单栏是否新增“开发”项】
第四步：如果勾选后菜单仍不显示，打开「终端」，依次执行以下两条命令：
defaults write com.apple.Safari IncludeDevelopMenu -bool true
killall Safari
调出元素审查工具的三种方式
启用“开发”菜单后，有三种可靠路径可立即唤起 Web 检查器并定位到元素面板，任选其一即可开始审查 DOM。
方法一：快捷键直达（最快）
确保目标网页已在 Safari 中完全加载并处于当前活动标签页 → 按下 Command + Option + I → 检查器默认展开在“元素”标签页，可直接悬停页面元素查看对应 HTML。
方法二：右键精准审查
在网页任意位置按住 Control 键并单击（触控板用户双指轻点）→ 弹出菜单中选择“检查元素” → 检查器自动高亮鼠标所指节点，DOM 结构与样式面板同步展开。
方法三：菜单手动触发
点击菜单栏中的「开发」→ 在下拉列表中找到当前网页标题（格式为“检查元素 - [网页标题]”）→ 点击该项 → Web 检查器即刻激活并聚焦于“元素”视图。
