必须先启用Safari菜单栏中的“开发”菜单才能使用开发者工具：1. 点击Safari→设置→高级→勾选“在菜单栏中显示‘开发’菜单”；2. 启用后可用Option+Command+I、右键“检查元素”或菜单栏“开发→检查元素”打开Web检查器；3. 悬停HTML节点应高亮页面区域，修改CSS属性值需实时生效。
你需要在Safari中审查网页HTML结构、实时修改CSS样式或调试JavaScript代码，但菜单栏里找不到“开发”菜单，所有快捷键也无效——这是因为开发者工具的入口被默认隐藏，必须手动激活才能使用。
启用菜单栏中的“开发”菜单
这是整个流程的强制前置步骤，不完成这一步，后续所有操作都会静默失败。
1、点击屏幕左上角的「Safari」菜单→选择「设置」（旧系统显示为“偏好设置”，功能完全一致）。
2、在设置窗口顶部标签栏中，点击「高级」标签页（图标为齿轮状，通常位于最右侧）。
3、向下滚动至页面底部，【勾选“在菜单栏中显示‘开发’菜单”】——这个选项默认关闭，且不勾选就不会生效，重启浏览器也不行。
4、关闭设置窗口，立即抬头看菜单栏：如果“开发”二字已出现在“书签”和“窗口”之间，说明基础激活成功。
三种方式秒开网页检查器
菜单启用后，无需再进设置，任选其一即可瞬间打开核心调试面板。
方法一：快捷键直入
在任意已加载完成的网页中，同时按下Option + Command + I，Web检查器立刻从右侧滑出，焦点默认落在“元素”标签页，适合快速审查DOM结构。
方法二：右键精准定位
按住Control键单击（或触控板双指轻点）页面任意位置→在弹出菜单中选择「检查元素」。这一步会自动高亮并滚动到对应HTML节点，对爬虫抓取商品名、价格等标签特别高效。
方法三：菜单路径启动
点击菜单栏「开发」→在下拉列表中找到当前网页标题（如“检查元素 - Apple”）→点击该项，Web检查器即刻激活并聚焦于“元素”视图。
验证检查器是否正常工作
第一步：在Web检查器的“元素”标签页中，鼠标悬停任意HTML节点，对应页面区域应实时高亮显示。
第二步：点击该节点，在右侧“样式”面板中双击某条CSS属性值（如color: #007aff），直接修改为#ff0000，页面文字颜色应立即变红。
第三步：若修改后无反应，检查是否误开了“只读”模式，或当前页面协议为file://——这类本地文件默认禁用部分调试能力。
