必须先建立可信连接并启用调试通道，否则mac safari开发菜单中不会显示iphone设备；需在mac safari偏好设置中勾选“显示‘开发’菜单”，在iphone“设置→safari→高级”中开启“web检查器”和“javascript”，再用认证usb线连接并信任电脑，最后通过mac safari“开发”菜单选择iphone页面启动调试。
要在Mac上实时查看并修改iPhone Safari中打开的H5页面HTML结构、CSS样式或JavaScript执行情况，必须先让两台设备建立可信连接并启用对应调试通道，否则开发菜单里根本不会出现你的iPhone设备名称。
开启Mac端Safari开发菜单
打开Mac上的Safari浏览器→点击顶部菜单栏「Safari」→「偏好设置」→切换到「高级」选项卡→勾选「在菜单栏中显示“开发”菜单」。
这一步不完成，后续所有操作都无从触发——因为「开发」菜单根本不会出现在顶部菜单栏里。
开启iPhone端Web检查器
方法一：基础配置
在iPhone上进入「设置」→「Safari浏览器」→「高级」→打开「Web检查器」开关。
方法二：增强兼容性（推荐同时开启）
在同一页面向下滚动，确保「JavaScript」也处于开启状态。很多H5页面依赖JS动态渲染，若此项关闭，页面可能白屏或交互失效，导致你误判为代码问题。
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
【Web检查器必须在“Safari浏览器”设置里开启，而不是“App内WebView”设置——后者无效】
建立设备连接并启动调试
第一步：用原装或MFi认证USB线将iPhone与Mac物理连接。
第二步：iPhone首次连接时会弹出「信任此电脑」提示，必须点「信任」并输入锁屏密码；若跳过或点「不信任」，Safari开发菜单中永远看不到该设备。
第三步：在iPhone Safari中手动访问目标H5页面（例如 http://localhost:8080 或线上测试地址），确保页面已完全加载。
第四步：切回Mac Safari→顶部菜单栏点击「开发」→在下拉列表中找到你的iPhone设备名→展开后选择对应页面URL。
此时会自动弹出Web检查器窗口，可立即切换至「元素」标签修改DOM、「控制台」查看报错、「网络」监控请求、「资源」浏览本地存储数据。
