Safari Web Inspector使用教程
首先启用Safari开发者菜单，再通过开发选项打开Web检查器，利用元素面板修改HTML/CSS，使用网络面板监控资源请求，通过源代码面板调试JavaScript，最后在控制台查看日志与执行代码。
首先启用Safari开发者菜单，再通过开发选项打开Web检查器，利用元素面板修改HTML/CSS，使用网络面板监控资源请求，通过源代码面板调试JavaScript，最后在控制台查看日志与执行代码。
如果您在开发网页或调试 Safari 浏览器中的页面行为时遇到问题，可以使用 Safari 内置的 Web 检查器来查看 DOM 结构、网络请求和 JavaScript 执行情况。以下是启用并使用该工具的具体步骤。
本文运行环境：MacBook Pro，macOS Sonoma
一、启用 Safari 开发者菜单
在使用 Web 检查器之前，必须先开启 Safari 的开发者功能，这样才能访问调试工具。
1、打开 Safari 浏览器，点击顶部菜单栏中的Safari，然后选择设置。
2、切换到高级标签页。
3、勾选底部的选项：在菜单栏中显示“开发”菜单。
二、打开 Web 检查器
启用开发者菜单后，可以通过多种方式启动 Web 检查器来分析当前页面的内容和性能表现。
1、在 Safari 中加载您要调试的网页。
2、从菜单栏选择开发，然后点击显示 Web 检查器。
3、Web 检查器窗口将在页面右侧或底部弹出，展示当前页面的详细信息。
三、使用元素检查功能
通过 Elements 面板可以实时查看和修改网页的 HTML 和 CSS 结构，便于快速调整样式或排查布局问题。
1、在 Web 检查器中确保选中元素标签。
2、使用左上角的箭头图标（拾取工具）点击页面上的任意元素，自动定位到对应的 DOM 节点。
3、在右侧样式面板中，可以直接编辑 CSS 属性，更改将立即反映在页面上。
四、监控网络请求
Network 面板用于追踪页面加载过程中所有的资源请求，包括图片、脚本、API 调用等，帮助识别加载瓶颈。
1、切换到 Web 检查器中的网络标签。
2、刷新页面以捕获完整的请求列表。
3、点击任一请求条目，查看其请求头、响应头、状态码及加载时间等详细信息。
五、调试 JavaScript 代码
Sources 面板支持设置断点、单步执行和变量监视，适用于排查脚本错误或逻辑异常。
1、进入 Web 检查器的源代码标签。
2、在左侧文件树中选择需要调试的 JavaScript 文件。
3、点击行号设置断点，当代码执行到该行时会自动暂停。
4、使用顶部控制按钮进行继续执行、步入、跳过等操作。
六、查看控制台输出
Console 面板显示 JavaScript 错误、警告以及通过 console.log() 输出的日志信息，是调试过程中的重要参考。
1、切换至 Web 检查器的控制台标签。
2、观察页面运行时产生的错误提示或自定义日志。
3、可在输入框中直接键入 JavaScript 语句并回车执行，即时测试代码片段。
正软商城本月促销专区，汇集办公、设计、安全、影音、系统工具及AI软件等正版软件优惠活动，提供限时折扣、特价授权和优惠购买信息，活动库存及价格以页面实时展示为准。
正软商城装机必备专区，精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件，帮助用户快速完成新电脑软件配置。
正软商城Windows软件专区，汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件，提供软件介绍、系统要求、正版授权及购买下载服务。
正软商城macOS软件专区，精选适用于Mac电脑的办公、设计、影音、效率、开发和系统工具，提供软件功能介绍、macOS兼容版本、正版授权及购买下载服务。
正软商城iOS软件专区，精选适用于iPhone和iPad的办公、学习、影音、设计、效率及AI应用，提供功能介绍、适用设备、系统要求和正版获取方式等信息。
正软商城AI软件专区，汇集AI写作、AI绘画、AI视频、AI办公、AI编程、AI翻译、智能客服和数据分析等人工智能工具，提供功能介绍、适用平台、收费方式及正版购买信息。
正软商城PDF教程频道提供PDF编辑、转换、合并、拆分、压缩及格式处理方法，同时介绍常用PDF软件和工具的使用技巧。
赤友清理大师是一款为 Mac 设计的智能清理优化工具，可精准扫描垃圾、大文件、重复文件等，释放磁盘空间。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。
极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。
Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件，为私密数据添加多重保护。高频操作更强调就近处理，浏览、整理和跨目录移动文件时，来回切换和重复点击都会少很多。
CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。
