Web Inspector 十周年

2016 年 1 月 16 日

作者：Timothy Hatcher

十年前的今天，我们向世界推出了第一个版本的 Web Inspector。那个时候，Web 开发还是一个蛮荒时代，你最好的调试工具就是 alert()。虽然 Web Inspector 的最早版本功能有限（甚至没有控制台），但它确实揭示了开发人员之前很少了解的两件事——DOM 树和匹配的样式规则。

Web Inspector 的开源也标志着 WebKit 项目的一个关键时刻。这是苹果公司少有的将主要 UI 开源的案例之一。你必须记住，WebKit 当时是一个初生的开源项目——仅仅在 2005 年 WWDC 大会前 6 个月向公众发布。我们当时仍在摸索项目目标和项目发展方向。最终，我们做出了开源 Web Inspector 的最终决定——从那时起，这一直是一个明智的决定。

随着岁月的流逝，我们迅速为该工具添加了更多功能——公开了更多特性并演进 UI 以适应新的开发人员工作流程。为了纪念 Web Inspector 过去 10 年的发展，我们整理了这份主要事件和过往博客文章的时间线，以供后世参考。

  1. 2003 年 1 月 7 日

    Safari 发布

    苹果公司推出了 Safari，这是 OS X 上最快、最易用的网页浏览器。

  2. 2003 年 6 月 23 日

    Safari 1.0 发布

    在 WWDC 2003 大会上，苹果公司发布了 Safari 1.0，成功完成了公开测试计划。

  3. 2005 年 4 月 29 日

    Safari 2 发布

    它随 OS X 10.4 Tiger 版本一同发布。

  4. 2005 年 6 月 7 日

    WebKit 开源

    在 WWDC 2005 大会上，苹果公司宣布 Safari 背后的 WebKit 引擎开源。

  5. 2006 年 1 月 15 日

    Web Inspector 上线

    第一个版本已开源。你知道吗，它在 HTML 用户界面内部使用了一个原生的 NSOutlineView 来显示 DOM 树，作为一种伪插件吗？

  6. 2006 年 1 月 16 日

    Web Inspector 推出

    Web Inspector

    第一个版本允许你在紧凑的 HUD 窗口中浏览实时 DOM 层次结构。它显示了与聚焦节点匹配的所有 CSS 规则，并在页面上突出显示该节点。

  7. 2006 年 6 月 28 日

    Drosera 推出

    Drosera JavaScript Debugger

    Drosera，以食虫植物中最大的属命名，允许你为任何 WebKit 应用程序（不仅仅是 Safari）附加并调试 JavaScript。

  1. 2007 年 6 月 11 日

    Safari 3 发布

    在 WWDC 2007 大会上，苹果公司发布了适用于 OS X 10.5 Leopard 的 Safari 3，以及适用于 Windows XP 和 Windows Vista 的 Beta 版本。

  2. 2007 年 6 月 20 日

    Safari 3 新版本

    New Web Inspector on Windows

    界面完全重新设计，并且也支持 Windows 系统。它支持页面停靠、引入了网络瀑布图、内联 JavaScript 和 HTML 错误报告等许多新功能。

  3. 2008 年 3 月 18 日

    Safari 3.1 发布

    苹果公司发布了适用于 OS X 10.5 Leopard、Windows XP 和 Windows Vista 的 Safari 3.1。

  4. 2008 年 6 月 11 日

    Safari 4 发布

    Safari 4 搭载了 Nitro 引擎，JavaScript 运行速度比 Safari 3 快 4.5 倍。

  5. 2008 年 9 月 30 日

    Web Inspector 重新设计

    Web Inspector Redesign

    独立的 Drosera JavaScript 调试器被新的集成 JavaScript 调试器取代。重新设计引入了分屏控制台、控制台自动补全、样式属性编辑等功能。

  6. 2009 年 11 月 3 日

    Web Inspector 更新

    Web Inspector Updates

    引入了许多令人兴奋的新功能，如存储面板、CSS 语法高亮、监视表达式和条件断点。

  1. 2010 年 4 月 14 日

    更多 Web Inspector 更新

    Web Inspector Timeline Panel

    引入了时间线、审计和控制台面板，以及许多其他改进。

  2. 2010 年 6 月 7 日

    Safari 5 发布

    在 WWDC 2010 大会上，苹果公司发布了适用于 OS X 10.7 Lion、Windows XP 和 Windows Vista 的 Safari 5。

  3. 2011 年 2 月 24 日

    样式编辑增强

    展示了改进的 CSS 规则编辑功能，以及从样式侧边栏跳转到 CSS 资源的功能。

  4. 2011 年 4 月 20 日

    理解堆栈跟踪

    记录了开发人员在 Web Inspector 中处理异常和堆栈跟踪的方法。

  1. 2012 年 6 月 11 日

    Safari 6 发布

    苹果公司发布了 Safari 6 的开发者预览版，其中包含了 Web Inspector 的重新构想，其设计和用户体验与 Xcode 4 保持一致。

  2. 2012 年 7 月 25 日

    Safari 6 发布

    苹果公司随 OS X 10.8 Mountain Lion 一同发布了 Safari 6。

  3. 2013 年 6 月 10 日

    Safari 7 发布

    苹果公司发布了 Safari 7 的开发者预览版，其中包含了修订后的 Web Inspector 用户界面。

  4. 2013 年 6 月 11 日

    Web Inspector 现状

    宣布了下一版本 Web Inspector，并在 WWDC 2013 大会上发布了开发者预览版。

  5. 2013 年 10 月 22 日

    Safari 7 发布

    苹果公司随 OS X 10.9 Mavericks 一同发布了 Safari 7。

  6. 2014 年 6 月 8 日

    Safari 8 发布

    苹果公司发布了 Safari 8，同时发布了 OS X 10.10 Yosemite 的开发者预览版。

  7. 2014 年 6 月 10 日

    辅助功能节点检查器

    解释了如何使用 Web Inspector 中新的辅助功能检查特性来诊断和调试问题。

  8. 2014 年 10 月 16 日

    Safari 8 发布

    苹果公司随 OS X 10.10 Yosemite 一同发布了 Safari 8。

  1. 2015 年 6 月 8 日

    Safari 9 发布

    苹果公司发布了 Safari 9，同时发布了 OS X 10.11 El Capitan 的开发者预览版。

  2. 2015 年 6 月 24 日

    控制台改进

    展示了控制台的改进，通过为开发人员提供更快地访问有用数据的方式，并对其进行现代化改造，使其更好地与 JavaScript 中的新变化协同工作。

  3. 2015 年 8 月 3 日

    用户界面变更

    解释了新的基于标签页的用户界面。就像 Safari 中的标签页一样，它们可以重新排列以适应你的工作流程和个人开发需求。这标志着独立的元素（Elements）和网络（Network）标签页的回归。这些变化已在 WWDC 2015 的使用 Safari 交付和调试响应式网页设计中有所介绍。

  4. 2015 年 8 月 20 日

    可视化样式侧边栏预览

    展示了新的可视化样式侧边栏预览，它允许设计师和 CSS 初学者使用智能编辑小部件轻松编辑样式。

  5. 2015 年 8 月 24 日

    JavaScript 类型和代码覆盖率分析

    新增了两款强大的工具，旨在简化 JavaScript 程序的调试：代码覆盖率分析器和类型分析器。这两款工具使理解和调试你的 JavaScript 程序比以往任何时候都更加出色。

  6. 2015 年 8 月 31 日

    样式侧边栏优化

    介绍了我们在 Safari 9 中对 Web Inspector 样式侧边栏进行的各种增强功能——例如文本过滤和智能编辑。

  7. 2015 年 9 月 8 日

    渲染帧时间线推出

    引入了一个新工具，以帮助定位和解决页面渲染性能问题。时间线（Timelines）标签页新增了一条时间线，除了熟悉基于事件的时间线外，还提供了现有分析器/仪器化数据的基于帧、特定于任务的视图。

  8. 2015 年 9 月 30 日

    Safari 9 发布

    苹果公司随 OS X 10.11 El Capitan 和 OS X 10.10 Yosemite 一同发布了 Safari 9。

  1. 2015 年 10 月 6 日

    键盘快捷键文档化

    记录了许多常用操作的各种键盘快捷键。

  2. 2015 年 12 月 1 日

    断点选项文档化

    记录了调试器（Debugger）标签页以及用于增强标准断点的许多可用选项。

  3. 2015 年 12 月 31 日

    Web Inspector 架构

    对 Web Inspector 在 WebKit 中的架构、历史和主要功能进行简要介绍，供任何有兴趣了解或对其进行修改的人士参考。

  1. 2016 年 1 月 11 日

    Safari 9.1 Beta 发布

    苹果公司发布了 Safari 9.1 beta 版，作为 OS X 10.11.4 beta 的一部分，其中包含了对 Web Inspector 的许多改进，包括新的可视化样式侧边栏。

  2. 2016 年 1 月 16 日

    十周年纪念

    一如既往，最新的功能和增强可以在WebKit Nightly Builds中找到。通过在 Twitter 上向我们发送反馈（@xeenon, @jonathandavis），或者提交错误报告来帮助我们让 Web Inspector 变得更好。

注意：通过Web Inspector 参考文档了解更多关于 Web Inspector 的信息。