需先启用 Safari 的“开发”菜单：打开 Safari 设置→高级→勾选“在菜单栏中显示‘开发’菜单”；之后可用 Option+Cmd+I 调出 Web 检查器，或通过“开发→进入响应式设计模式”测试多端布局，还可执行终端命令开启内部调试菜单及远程调试 iOS 设备网页。
如果您希望在 macOS 系统中使用 Safari 浏览器进行网页结构分析、CSS 调试或爬虫标签定位，但发现菜单栏中缺少“开发”选项，则说明开发者模式尚未启用。以下是启用 Safari 调试功能的具体操作步骤：
一、启用“开发”菜单
该步骤是所有 Safari 调试功能的基础前提，未完成则无法访问检查器、响应式模式等工具。启用后“开发”菜单将立即出现在菜单栏中，无需重启浏览器。
1、点击 Dock 栏中的 Safari 图标，或从“应用程序”文件夹启动 Safari 浏览器。
2、点击屏幕左上角的「Safari」菜单，在下拉列表中选择「设置」（部分旧系统显示为“偏好设置”，功能完全一致）。
3、在设置窗口顶部标签栏中，点击「高级」标签页（图标为齿轮状，通常位于最右侧）。
4、向下滚动至页面底部，找到并勾选「在菜单栏中显示“开发”菜单」选项。
5、关闭设置窗口，确认菜单栏中「开发」已出现在“书签”与“窗口”之间，表示开发者模式基础功能已激活。
二、调出 Web 检查器
Web 检查器是核心调试界面，支持实时查看 HTML 结构、编辑 CSS 样式、监控 DOM 变化，适用于前端验证与爬虫元素定位任务。
1、确保目标网页已在 Safari 中加载完成并处于当前活动标签页。
2、按下键盘组合键：Option + Command + I，检查器面板将立即在右侧展开，默认聚焦于“元素”标签页。
3、在网页任意位置按住 Control 键并单击（或触控板双指轻点），从上下文菜单中选择「检查元素」，检查器将自动高亮并滚动至所点选节点。
4、点击顶部菜单栏的「开发」→「显示 Web 检查器」，或选择当前网页对应的「检查元素」子项，效果与前述方式一致。
三、启用响应式设计模式
该模式用于模拟不同设备的视口尺寸，可直观测试网页在移动端的布局表现，依赖“开发”菜单已启用的前提。
1、确保「开发」菜单可见后，点击顶部菜单栏的「开发」。
2、在下拉菜单中选择「进入响应式设计模式」。
3、页面顶部将出现控制栏，提供 iPhone、iPad 等预设设备选项，也可手动输入宽度与高度数值。
4、拖动视口边框或调整缩放比例，实时观察媒体查询触发及元素重排效果。
四、开启内部调试菜单（高级选项）
此方法可解锁 Safari 隐藏的实验性工具，包括 WKWebView 调试入口、更详细的网络请求日志、内存分析面板等，适用于 Hybrid App 或深度性能排查场景。
1、打开「终端」应用：可通过 Spotlight 搜索（Command + 空格，输入“终端”回车），或前往“应用程序 → 实用工具”中启动。
2、在终端中粘贴并执行以下命令：defaults write com.apple.Safari IncludeInternalDebugMenu -bool true，然后按回车。
3、重启 Safari 浏览器，点击「开发」菜单，即可看到新增的「调试」子菜单项。
五、远程调试 iOS 设备网页
通过 USB 连接，可在 Mac 上直接调试 iPhone 或 iPad 中 Safari 打开的网页，实现跨设备 DOM 与网络层同步分析。
1、使用 Lightning 或 USB-C 数据线将 iOS 设备连接至 Mac。
2、在 iOS 设备上进入「设置 → Safari → 高级」，开启「Web 检查器」开关。
3、在 Mac 端 Safari 的「开发」菜单中，找到已连接设备名称（如“iPhone”或“iPad”）。
4、展开设备列表，选择其正在浏览的网页标签页，点击后即可在 Mac 上打开对应检查器进行调试。
