必须两端开启Web检查器：iOS端需在“设置→Safari→高级”中开启Web检查器并启用JavaScript，Mac端需在Safari“偏好设置→高级”中勾选“显示开发菜单”，再通过“开发→设备名→网页标题”启动调试。
如果您在 macOS 上使用 Safari 浏览器进行 iOS 前端联调，但无法对 iPhone 或 iPad 上打开的网页执行元素审查与实时调试，则问题很可能出在 Safari 开发者菜单未启用，或 iOS 设备端 Web 检查器未开启，导致 Mac 与移动设备之间无法建立调试通道。以下是实现 Safari 浏览器与 iOS 设备联动调试 Web 检查器的多种方法：
一、在 macOS Safari 中启用“开发”菜单
这是所有后续调试功能的基础前提，未启用则“开发”菜单不会出现在顶部菜单栏，iOS 远程调试入口亦不可见。启用后，“开发”菜单将提供设备识别、远程页面列表及检查器启动入口。
1、点击屏幕左上角的Safari菜单，选择设置（旧版系统显示为“偏好设置”）。
2、在设置窗口顶部标签栏中，点击高级标签页。
3、向下滚动至页面底部，勾选在菜单栏中显示“开发”菜单选项。
4、关闭设置窗口，确认菜单栏中“开发”菜单已出现在“书签”与“窗口”之间。
二、在 iOS 设备上开启 Web 检查器
iOS 端必须显式启用 Web 检查器，否则 Safari for Mac 无法发现该设备及其正在运行的网页标签页。此设置独立于 macOS 端，且需在设备物理连接后才生效。
1、在 iPhone 或 iPad 上进入设置 → Safari 浏览器 → 高级。
2、将Web 检查器开关滑动至开启状态（绿色）。
3、确保设备已通过USB 数据线连接 Mac，并在首次连接时点击设备弹出的信任提示。
三、通过快捷键直接调出 Web 检查器（仅限已加载网页）
当 iOS 设备已连接且被识别后，Mac 端 Safari 可直接对设备当前活动网页启动检查器。该方式跳过菜单导航，适用于快速响应调试需求。
1、在 iOS 设备上用 Safari 打开目标网页，并保持该标签页处于前台。
2、在 Mac 上 Safari 中，确保任意网页标签页处于焦点状态。
HISUI 前端框架基础开发指南。HISUI 是基于 easyui 二次开发的 jQuery UI 组件库，专为医疗信息系统设计。当涉及 HISUI 组件开发、jQuery easyui 表格/表单/布局/窗口、医疗系统前端页面编写时使用此 skill。 涵盖 40 个组件的官方文档参考，支持声明式与编程式两种初始化方式，提供 $cm/$m 数据访问方法。
3、按下键盘组合键：Option + Command + I，触发 Web 检查器面板。
4、检查器默认打开后，点击左上角“元素”标签页，再点击左上角选择图标（箭头加方框），即可在 iOS 页面上悬停选取 DOM 元素。
四、通过“开发”菜单手动选择 iOS 设备与网页标签
当快捷键失效或需明确指定目标页面时，可通过开发菜单逐级展开设备列表与网页实例，确保调试路径清晰可控，避免误操作影响其他标签页。
1、点击 Mac 顶部菜单栏中的开发菜单。
2、在下拉列表底部，查找以设备名称命名的子菜单项（例如：iPhone (John’s) 或 iPad (Lisa’s)）。
3、展开该设备项，列出所有已在 iOS Safari 中打开的网页标签页，标题格式为检查元素 - [网页标题]。
4、点击目标网页条目，Web 检查器立即激活，并自动同步高亮 iOS 页面中对应 DOM 节点。
五、启用 Safari 隐藏调试菜单（含内部设备代理与协议日志）
该方法可解锁底层调试能力，包括设备网络代理配置、HTTP/HTTPS 协议栈日志、WebSocket 流监控等，适用于排查跨域、证书或混合内容加载异常等深层问题。
1、在 Mac 上打开应用程序 → 实用工具 → 终端。
2、输入以下命令并回车执行：defaults write com.apple.Safari IncludeInternalDebugMenu -bool true。
3、完全退出 Safari（右键 Dock 图标 → 退出），然后重新启动。
4、再次点击Safari → 开发菜单，此时顶部将多出一个调试菜单项，其中包含显示设备代理设置和启用网络协议日志等选项。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
