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