必须先启用Safari开发者菜单并授权远程自动化,否则无法使用Web检查器;操作路径为Safari→偏好设置→高级→勾选“在菜单栏中显示‘开发’菜单”,再通过「开发→允许远程自动化」输入密码授权;快捷键Option+Command+I、右键「检查元素」或菜单「开发→显示Web检查器」均可快速开启。

在Mac端Safari浏览器中开启开发者菜单是进行网页HTML/CSS/JavaScript调试的必要前提,否则“开发”菜单不会出现在顶部菜单栏,也无法打开Web检查器查看元素、控制台或网络请求。
启用Safari开发者菜单
打开Safari → 顶部菜单栏点击「Safari」→「偏好设置」→ 切换到「高级」标签页 → 勾选底部「在菜单栏中显示“开发”菜单」选项。
这一步必须完成,否则后续所有调试功能均不可用。勾选后无需重启Safari,菜单栏会立即出现「开发」项。
首次使用Web检查器前的必要授权
点击顶部菜单栏「开发」→「允许远程自动化」→ 在弹出的系统权限窗口中点击「好」。
若跳过此步,部分页面(尤其是本地HTML文件或使用file://协议打开的页面)将无法高亮元素、无法在控制台执行脚本,且「检查元素」右键菜单可能灰显。
系统会要求输入Mac登录密码以授权Safari访问辅助功能,【必须输入当前用户密码,仅点“取消”会导致Web检查器部分功能失效】。
快速打开Web检查器的三种方法
方法一:快捷键触发
在任意网页中按 Option + Command + I,立即唤出Web检查器面板。
方法二:右键调用
在网页任意位置右键 → 选择「检查元素」,检查器自动定位到对应DOM节点。
方法三:菜单直达
顶部菜单栏「开发」→「显示Web检查器」→ 可选「检查元素」「控制台」「网络」等标签页。


















