译者按：WebKit 中的 Web Inspector 对开发社区的影响知道不说你可能还没注意到。在 Chrome 发布之前，Firefox 上的 Firebug 可能是全宇宙最好的前端调试工具；Chrome 发布，自带的开发者工具非常好用，但由于 Chrome 一开始使用的是 WebKit 作为内核，实际上开发者工具就是 WebKit 中的 Web Inspector；虽然后来 Chrome 发布自己的引擎 Blink，但也只是 WebKit 的一个 Port，一样 Blink Developer Tools 也源自 WebKit Web Inspector。Node.js 的调试工具 node-inspector[1] 则基于 Blink Developer Tools；其他一系列性能调优、Node 调试等等的工具都可以说是师出 WebKit 的 Web Inspector。
本文出现的时间，无特殊说明指的都是美国时间。
十年前的今天（2006年1月16日），第一个由我们开发的 Web Inspector（开发者调试工具）[2]面世了。那个时候正是 Web 开发的蛮荒时期，alert() 可能是最好的调试工具！尽管最初版的调试工具很简陋（它甚至连 console 都没有），但是它为开发者展示了两个他们很难洞见的内容——DOM 树以和与之匹配的样式规则。
Web 调试工具的开源是 WebKit 项目一个关键的时刻。这种情况很少见，在 Apple 用户界面很少开源。你别忘了，那个时候，在六个月之前的 WWDC 2005 上刚开源 WebKit。我们仍然在寻找这个项目目标和方向。最终决定将 Web Inspector 开源[3]——直到现在，这也是一个非常伟大的决定！
年复一年，我们不停地开发迭代这个工具——添加更多新功能，调整 UI 来适应新的开发模式。为了纪念开发者工具这十年的发展，我们将相关的大事件和博文放到下面这个时间线上，供后来者了解。
2003年1月7日 Safari 面世[4]
Apple 对外宣布 Safari——OS X 上最快最好用的浏览器！
2003年6月23日 Safari 1.0 发布[5]
在 WWDC 2003 上，Apple 发布了 Safari 1.0，一个非常成功的公测项目。
2005年4月29日 Safari 2 发布
与 OS X 10.4 Tiger 一起发布。
2005年6月7号 Webkit 开源
在 WWDC 2005 上，Apple 宣布 Safari 背后的 WebKit 引擎开源。
2006年1月15日 Web Inspector 初具雏形[6]
第一版开源，还记得它是用一个原生的 NSOutlineView[7] 来显示 DOM 树的么？作为一个虚拟的插件放在显示 HTML 的界面上。
2006年1月16日 Web Inspector 发布[8]
第一个可以用来查看实际 DOM 层次的版本，在一个紧凑的 HUD 窗口中。选择 DOM，可以看到与之匹配的所有 CSS 规则，并在页面中将这个 DOM 高亮。
2006年4月28日 Drosera 发布[9]
以最大的扑食昆虫的植物[10]命名的 Drosera 发布，可以给任何的 WebKit 应用添加断点，调试 JavaScript——不仅限于是 Safari。
2007年6月11日 Safari 3 发布[11]
在 WWDC 2007 上，Apple 与 OS X 10.5 Leopard 一起发布了 Safari 3.0，并且发布了 Windows XP 和 Windows Vista 上的 beta 版。
2007年6月20日 Safari 3.0 特别更新版[12]
全新设计的界面，Windows 可用。支持固定在页面上，新增了 Network 瀑布流，内联 JavaScript，和 HTML错误报告等等功能。
2008年3月18日 Safari 3.1 发布[13]
Safari 3.1 发布，全平台支持（OS X 10.5 Leopard，Windows XP 和 Windows Vista）。
2008年6月11日 Safari 4 发布[14]
Safari 4 武装了全新的 Nitro 引擎，JavaScript 执行速度比 Safari 3 快 4.5 倍。
2008年9月30日 Web Inspector 全新设计[15]
独立的 JavaScript 调试器 Drosera 被替换了一个新的 JavaScript 内置调试器。新的设计添加了一个独立的 Console，外加 console 补全功能，还有样式属性可编辑等等。
2009年11月3日 Web Inspector 更新[16]
新增数个令人兴奋的功能，Storage 面板，CSS 语法高亮，表达式监听以及可设置条件的断点。
2010年4月14日 更多 Web Inspector 更新[17]
Timeline、Audists、Console 面板等等很多的优化
2010年6月7号 Safari 5 发布[18]
在 WWDC 2010 上，Safari 5 全平台发布（OS X 10.7 Lion，Windows XP 和 Windows Vista）。
2011年2月24日 增强样式编辑功能[19]
提升样式的编辑功能，可以从样式边栏跳转到对应的样式文件。
2011年4月20日 理解 Stack Trace[20]
介绍了如何在 Web Inspector 中分析异常和 Stack Trace。
2012年6月11日 Safari 6 面世
Apple 发布了 Safari 6 的开发者预览版，包含了全新打造的 Web Inspector，保持了与 Xcode 4 一直的设计和用户体验。
2012年7月25日 Safari 6 发布
跟着 OS X 10.8 Mountain Lion，Apple 发布了 Safari 6 正式版
2013年6月10日 Safari 7 面世
Apple 发布了 Safari 7 的开发者预览版，包含了 Web Inspector 重新设计的用户界面。
2013年6月11日 Web Inspector 的现状[21]
在 WWDC 2013 上，对外宣布了 Web Inspector 的下一个版本，发布开发者预览版。
2013年10月22日 Safari 7 发布
跟着 OS X 10.9 Mavericks，Safari 7 正式发布。
2014年6月8日 Safari 8 面世
跟着 OS X 10.10 Yosemite 开发者预览版，Safari 8 发布。
2014年6月10号 可访问性节点调试[22]
介绍如何在 Web Inspector 中，通过一个全新的可访问性检查功能来诊断和调试。
2014年10月16日 Safari 8 发布
跟着 OS X 10.10 Yosemite，Safari 8 发布。
2015年6月8日 Safari 9 面世
跟着 OS X 10.11 El Capitan 开发者预览版，Apple 发布了 Safari 9。
2015年6月24日 Console 的改进[23]
展示 Console 的改进，让开发者可以更快地获取有用的数据，更现代化，更好地跟进 JavaScript 的变化。
介绍新的基于标签的用户界面。与 Safari 的标签交互一致。可以自定义顺序来配合的你的工作流或个人开发需要。这标志着 Elements 和 Metwork 标签的回归。在 WWDC 2015 上的 Using Safari to Deliver and Debug a Responsive Web Design[24] 有更新的完整介绍。
2015年8月20日 可视化的样式边栏预览版[25]
展示了一个新的可视化样式边栏，让设计师或者 CSS 新人可以更方便地使用很棒的编辑组件来编辑样式。
2015年8月24日 JavaScript 类型和代码覆盖率测试[26]
添加了两个非常棒的工具，旨在让 JavaScript 调试更简单：代码覆盖率测试和类型测试。与原来相比，这两个工具让你的 JavaScript 程序更易懂，更容易调试。
2015年8月31日 样式边栏提升[27]
介绍了 Safari 9 在样式边栏上做的很多增强——例如文本过滤器和只能编辑。
2015年9月8号 帧渲染时间线介绍
介绍了一个新的工具，来帮助定位和解决渲染的性能问题。时间线标签添加了一种新的时间线，用来呈现一个基于帧的，具体任务的视图——作为类似基于事件的时间线的补充。
2015年9月30日 Safari 9 发布
跟着 OS X 10.11 El Capitan 和 OS X 10.10 Yosemite 一起，Safari 9 发布。
2015年10月6日 快捷键文档[28]
提供了大家最常用快捷的文档。
2015年12月1日 断点设置文档[29]
介绍了调试标签，以及很多可用的增强标准断点的选项。
2015年12月31日 Web Inspector 架构介绍[30]
简短地介绍了 Web Inspector 的架构，历史以及主要的功能。帮助有兴趣了解或者 hack WebKit 中 Web 调试器的开发者。
2016年1月11日 Safari 9.1 Beta 发布[31]
作为 OS X 10.11.4 beta 的一部分，Safari 9.1 beta 一同发布。包含了很多针对 Web Inspector 的改进，比如新的可视化样式边栏[32]。
2016年1月16日 10周年纪念日！[33]
与往常一样，最新的特性和增强都可以在 WebKit Nightly Build[34] 中找到。欢迎在 Twitter 上（@xeenon[35]，@jonathandavis[36]）给我们提意见，或者报告 bug[37]，帮助我们打造更优秀的 Web Inspector！
原文：10 Years of Web Inspector[38]
