Cocoatacious

原文见：Web Inspector Update at Surfin’ Safari Blog

正如 Maciej 所说，网络开发工具是 WebKit 3 中的一项重大新功能。自从六月份 WebKit 中加入新的 “Web Inspector” (下称“检查器”)以来，Tim Hatcher (xenon in #webkit) 就一直引领着将 Web Inspector 设计成网络开发人员手中一个更加完善的工具的努力。在此我想总结一下到目前为止我们的进度。如果你从未使用过 Web Inspector，那么请参照 “instructions to enable the Web Inspector” 中所提供的步骤启用此功能。

这些新功能包括：原位 CSS 编辑，支持可下载式字体，数据库浏览，支持新 CSS 属性，多平台支持，可用性方面的改进。

• 原位 CSS 编辑

  这是检查器目前最突出的新功能了。现在你可以通过在检查器的样式侧边栏中直接双击 CSS 样式定义的方式修改它们。这将在你于浏览器中调试网页的样的样式时显得非常便利。

  

• 支持可下载式字体

  当你访问一个在样式列表中通过属性 @font-face 使用了可下载式字体时，检查器将在资源侧边栏中显示所有已下载的字体。侧边栏中会显示每个字体相应的图标预览，另外，在你选中某个字体后，右侧预览区域中会显示相应的完整预览。有图为证：

  

• 数据库浏览

  WebKit 现在支持 HTML5 SQL storage API，并且检查器已具有对此功能的全套支持。你可直接在检查器中执行 SQL 检索请求并动态地查看结果，或是浏览网站所使用的所有数据库和数据表。

  

• 支持新 CSS 属性

  检查器现在可再样式侧边栏中显示新的 CSS transform 以及 animation 属性。你甚至可以利用检查器的原位 CSS 编辑功能动态出发动画效果!

• 多平台支持

  项目伊始，检查器的设计目标就包括易于在多平台上实现，并且设计之初就已可在 Mac OS X 和 Microsoft Windows 上使用。最近，Holger Freyther 已开始了在 Qt 中实现检查器的工作。

• 可用性方面的改进

  除了这些重大的新功能，我们已花费部分时间修复一些细枝末节以使检查器更易使用。这些改进包括：

  • 可调节侧边栏
  • 可调节搜索框
  • 大小合适的 DOM 面包屑导航条
  • 更好的选择、复制
    

下载并运行 nightly WebKit build ，你就可尝试使用这些功能。