Web Inspector 用户界面变更

在开发网站时,快速切换任务是常见操作。你可能前一分钟还在调试 JavaScript,后一分钟就可能在 XHR 中检查以验证服务器数据。设计师可能只关心 DOM 树和 CSS 编辑。后端开发者可能只需要网络信息和控制台。对于一个功能如此广泛的工具来说,确保这些任务区域能够快速访问至关重要。

Web Inspector Tab Icons

为了满足这些不同的任务,Web Inspector 的每个核心功能都已被划分到独立的标签页中。像 Safari 中的标签页一样,它们可以根据你的工作流程重新排列,如果你不需要它们也可以关闭。通过这种灵活的基于标签页的界面,可以在“网络”、“元素”、“时间线”、“控制台”、“调试器”、“资源”、“存储”和“搜索结果”等任务之间快速切换。

Web Inspector Tab Bar

操作页面 DOM 树和样式的日常任务现在都包含在专门的“元素”标签页中。我们对样式编辑体验的新改进也有助于你保持高效。

Web Inspector Elements Tab

你可以在“网络”标签页中掌握资源请求——这允许持续的网络请求监控,而无需进行完整的事件线记录的开销。它包括对所有资源请求和 XHR 的可过滤访问,以及一个详细信息侧边栏,用于快速获取关于单个请求和服务器响应的信息。

Web Inspector Network Tab

这些增强功能可在WebKit 每夜构建版和 Safari 9 beta 中使用。通过在 Twitter 上向我们发送快速反馈(@xeenon@jonathandavis@JosephPecoraro)、提交错误报告,甚至贡献你自己的增强功能来帮助我们让 Web Inspector 变得更好。有关其他 Web Inspector 变更的更多信息,请观看 WWDC 2015 的使用 Safari 交付和调试响应式网页设计

注意:从Web Inspector 参考文档中了解更多关于 Web Inspector 的信息。