必须同时启用Mac端Safari“开发”菜单、iOS端“Web检查器”并完成USB信任连接，三者缺一不可；否则“开发”菜单不显示设备名，无法启动Web检查器调试。
要在Mac上用Safari调试iPhone或iPad上打开的网页，必须让Mac端能识别设备、设备端允许被调试、且双方通信通道完全打通——缺一不可，否则“开发”菜单里根本不会出现设备名，更无法选中页面标签启动检查器。
在Mac端启用Safari“开发”菜单
这是整个调试链路的起点，没它就没有任何后续选项可点。菜单栏不显示“开发”，后面所有操作都失去入口。
1、点击屏幕左上角的 Safari → 设置（旧版系统显示为“偏好设置”）。
2、切换到「高级」标签页，图标是齿轮状，通常在最右侧。
3、滚动到底部，勾选「在菜单栏中显示“开发”菜单」。
4、关闭设置窗口，立即查看菜单栏：确认“开发”已出现在“书签”与“窗口”之间。【务必确认勾选状态已保存】，若未出现，说明配置未生效，需用终端命令强制写入。
在iOS设备上开启Web检查器
仅Mac端开通没用，iOS设备必须主动授权远程调试权限，否则Safari for Mac压根发现不了这台设备。
方法一：图形界面开启
1、iPhone或iPad进入「设置 → Safari → 高级」。
2、将「Web检查器」开关滑动至开启（绿色）。
3、用USB数据线连接Mac，并在iOS设备弹出“信任此电脑？”提示时点击“信任”。【未点信任，设备不会被Mac识别】
方法二：终端强制启用（当图形界面开启后仍不生效时使用）
1、打开Mac「终端」，输入：defaults write com.apple.Safari IncludeDevelopMenu -bool true。
2、再输入：killall Safari，强制退出所有Safari进程。
3、重新打开Safari，检查菜单栏是否已出现“开发”菜单。
建立Mac与iOS的调试通路
两端都开好只是前提，还需确保设备在线、页面可调试、协议支持到位，三者齐备才能在“开发”菜单里看到目标网页。
第一步：物理连接与状态确认
1、用原装或MFi认证USB线连接iPhone/iPad与Mac。
2、在iOS设备上用Safari打开任意HTTPS网页（如 https://example.com），不要用 file:// 协议的本地HTML文件，这类页面默认禁用检查器，右键无“检查元素”选项。
第二步：Mac端触发设备识别
1、保持Mac上Safari任意标签页为焦点状态。
2、点击顶部菜单栏「开发」→ 展开后等待3～5秒，若设备名称（如“iPhone的John”）出现，说明连接成功；若无设备名，请返回前两步检查Web检查器开关与信任状态。
第三步：启动Web检查器调试目标页面
1、在「开发」菜单中找到你的设备名 → 展开 → 选择当前正在前台显示的网页标题。
2、检查器面板自动弹出，默认定位在「元素」标签页。
3、点击左上角「选取元素」图标（箭头加方框），即可在iOS屏幕上悬停高亮DOM节点，实时修改HTML/CSS。
