在Mac的Safari中启用“开发”菜单需先勾选偏好设置→高级中的“在菜单栏中显示‘开发’菜单”,之后可用Option+Command+I快捷键或通过“开发”菜单→域名→“显示Web检查器”打开Web检查器,并可在“开发→实验性功能”中启用远程自动化、扩展调试及iOS设备网页调试支持。

如果您在Mac上使用Safari浏览器,但菜单栏中未显示“开发”菜单,则说明Safari的开发者选项尚未启用。以下是开启Safari“开发”菜单并启用开发者工具的具体步骤:
一、启用Safari高级设置中的开发者菜单
该操作通过Safari偏好设置中的“高级”面板启用隐藏的“开发”菜单,使其出现在顶部菜单栏中,为后续使用Web检查器等工具提供入口。
1、点击屏幕左上角的Safari菜单,选择偏好设置。
2、在偏好设置窗口中,点击高级标签页。
3、向下滚动至页面底部,勾选在菜单栏中显示“开发”菜单复选框。
4、关闭偏好设置窗口。此时,Safari菜单栏中“开发”菜单将立即出现。
二、通过快捷键快速打开Web检查器
启用“开发”菜单后,Web检查器(即开发者工具)可直接调用,该工具用于实时查看和调试HTML、CSS与JavaScript。快捷键方式无需依赖鼠标操作,提升效率。
1、确保Safari处于活动窗口状态,并已打开任意网页。
2、按下键盘组合键:Option + Command + I。
3、Web检查器面板将在当前窗口右侧或下方即时展开,默认显示元素(Elements)标签页。
三、通过“开发”菜单手动启动开发者工具
当“开发”菜单可见时,可通过下拉菜单精确选择所需调试功能,包括针对特定页面或扩展的检查选项。
1、点击菜单栏中的开发菜单。
2、在下拉列表中,选择当前已打开网页的域名名称(例如:localhost:3000 或 example.com)。
3、在其子菜单中,点击显示Web检查器。
4、Web检查器即刻激活,且焦点自动定位到所选页面的渲染上下文中。
四、启用远程自动化与扩展调试支持
若需调试iOS设备上的网页、Safari扩展或使用WebDriver进行自动化测试,必须额外启用高级开发者功能,这些选项仅在“开发”菜单启用后才可配置。
1、点击菜单栏开发 → 实验性功能。
2、在子菜单中,勾选允许远程自动化(用于Selenium/WebDriver)。
3、如需调试Safari扩展,勾选显示扩展开发工具。
4、如需在Mac上调试连接的iPhone或iPad网页,确保在iOS设备上已开启“Web检查器”(设置 → Safari → 高级),然后在Mac的“开发”菜单中即可看到设备名称及对应页面列表。










