在 Safari 中：转到 Safari > 偏好设置 > 高级，然后选中 在退出 Safari 时显示开发菜单。(在 Safari 中：转到 Safari > 偏好设置 > 高级，然后选中 在退出 Safari 时显示开发菜单。 )

Safari 的开发菜单是一个隐藏的菜单，其中提供各种用于开发和调试 Web 页面的工具。

显示开发菜单的方法

1. 在 Safari10 或更高版本中：转到 Safari > 偏好设置 > 高级 ，然后选中 在退出 Safari 时显示开发菜单 。
2. 在 Safari 9 或更低版本中：转到 Safari > 偏好设置 > 高级 ，然后选中 在菜单栏中显示开发菜单 。

开发菜单中包含的工具

开发菜单包含以下工具：

• 响应式设计模式：此模式允许您查看网页在不同屏幕尺寸上的外观。
• 错误控制台：此控制台可显示 javascript 错误和警告消息。
• 网络：此工具可显示与正在加载的网页相关的网络请求和响应。
• 时间线：此工具可显示绘制、布局和脚本执行的时间表。
• 资源：此工具可显示网页中加载的资源，包括图像、脚本和样式表。
• 事件监听器突破点：此工具可帮助您调试事件监听器。
• 触摸事件：此工具可模拟触摸事件，用于测试移动设备上的网页。

使用开发菜单

要使用开发菜单，请转到 Safari > 开发 菜单。开发菜单中包含的工具可用于执行各种任务，例如：

• 查看网页的响应式设计：选择 响应式设计模式 ，然后选择所需的屏幕尺寸。
• 调试 JavaScript 错误：打开 错误控制台 ，查看 JavaScript 错误和警告消息。
• 查看网络请求和响应：打开 网络 工具，查看与正在加载的网页相关的网络请求和响应。
• 分析网页性能：打开 时间线 工具，查看绘制、布局和脚本执行的时间表。
• 检查网页中的资源：打开 资源 工具，查看网页中加载的资源，包括图像、脚本和样式表。

结论

Safari 的开发菜单是一个强大的工具，可用于开发和调试 Web 页面的各种任务。通过显示开发菜单，您可以访问各种工具，帮助您创建和维护高质量的网页。

---

---

相关标签： Safari、 Safari、 >、 偏好设置、 转到、 Safari、 然后选中、 中、 >、 在退出、 时显示开发菜单、 然后选中、 >、 Safari、 偏好设置、 转到、 时显示开发菜单、 在、 Safari、 >、 高级、 Safari、 高级、 在、 中、 在退出、

上一篇：使用负载均衡器将流量分布在多个服务器上。

下一篇：503错误快速指南快速而有效地解决服务不可