safari调试功能需先启用“开发”菜单：在设置→高级中勾选“在菜单栏中显示‘开发’菜单”；再通过终端命令defaults write com.apple.safari includeinternaldebugmenu -bool true开启调试菜单；还可用option+command+i快捷键或右键“检查元素”调出web检查器。
如果您尝试使用 Safari 浏览器进行网页调试，但菜单栏中未出现“开发”选项，则可能是开发者模式尚未启用。以下是开启 Safari 开发者模式并显示调试菜单的具体步骤：
一、启用“开发”菜单
该操作是所有 Safari 调试功能的基础前提，未启用则无法访问检查器、响应式模式、控制台等工具。启用后“开发”菜单将立即出现在菜单栏中，无需重启浏览器。
1、点击 Dock 栏中的 Safari 图标，或从“应用程序”文件夹启动 Safari 浏览器。
2、点击屏幕左上角的「Safari」菜单，在下拉列表中选择「设置」（部分旧系统显示为“偏好设置”，功能完全一致）。
3、在设置窗口顶部标签栏中，点击「高级」标签页（图标为齿轮状，通常位于最右侧）。
4、向下滚动至页面底部，找到并勾选「在菜单栏中显示“开发”菜单」选项。
5、关闭设置窗口，确认菜单栏中「开发」已出现在“书签”与“窗口”之间，表示开发者模式基础功能已激活。
二、通过终端命令启用隐藏调试菜单
此方法可解锁 Safari 内部实验性调试工具，包括 WKWebView 深度调试入口、网络请求原始头信息、内存堆快照等高级功能，适用于 Hybrid App 或 WebView 嵌入场景。
1、打开终端：从“应用程序→实用工具”中启动「终端」，或按下 Command + 空格 打开 Spotlight，输入“终端”后回车。
2、在终端中粘贴并执行以下命令：defaults write com.apple.Safari IncludeInternalDebugMenu -bool true
3、重启 Safari 浏览器，点击顶部菜单栏的「开发」，即可看到新增的「调试」子菜单项。
三、使用快捷键快速调出 Web 检查器
Web 检查器是核心调试界面，支持实时查看 HTML 结构、编辑 CSS 样式、监控 DOM 变化，适用于前端验证与爬虫元素定位任务。该方式不依赖鼠标操作，效率最高。
Angel工作室企业网站管理系统全DIV+CSS模板，中英文显示，防注入sql关键字过滤，多浏览器适应，完美兼容IE6-IE8,火狐，谷歌等符合标准的浏览器，模板样式集中在一个CSS样式中，内容与样式完全分离，方便网站设计人员开发模板与管理。系统较为安全，以设计防注入，敏感字符屏蔽。新闻，产品，单页独立关键字设计，提高搜索引擎收录。内置IIS测试，双击打启动预览网站 Angel工作室企业网站
1、确保目标网页已在 Safari 中加载完成并处于当前活动标签页。
2、按下键盘组合键：Option + Command + I，检查器面板将立即在右侧展开，默认聚焦于“元素”标签页。
3、若需返回页面继续浏览，可再次按下相同组合键关闭检查器。
四、通过右键上下文菜单检查指定元素
该方法适用于精准定位页面中某段文字、按钮、图片或商品价格所对应的 HTML 节点，特别适合爬虫作业中提取结构化数据。
1、在网页任意位置按住 Control 键并单击（触控板用户可双指轻点）。
2、在弹出的上下文菜单中选择「检查元素」。
3、Web 检查器将自动高亮并滚动至所点选节点，同时同步显示其 CSS 样式、盒模型及 JavaScript 事件监听器。
五、通过开发菜单手动调用检查器与响应式模式
图形化路径提供完整功能可见性，适合初次使用者熟悉工具布局，并可直接访问网络、控制台、存储等其他调试组件。
1、确保「开发」菜单已启用并可见于菜单栏。
2、点击菜单栏中的「开发」，在下拉菜单中选择「显示 Web 检查器」。
3、如需测试移动端适配效果，点击「开发」→「进入响应式设计模式」，页面顶部将出现设备模拟控制栏。
