示例代码会在侧栏打开，里面会包含有实用价值的例子，你可以根据例子很快掌握用法。同时这些示例代码是可以编辑的，而且也很容易复制，在Firefox 3中直接双击就是全部选择。

点击放大

在HTML面板中，你可以在任意元素、属性名称或者属性值上点击鼠标右键（编辑状态也可以点），这时在快捷菜单中你可以进行两项选择，查找你选择的项目，或者显示这个项目对应的示例代码。

类似的，在CSS面板中你也可以右键单击任意属性名称或者属性值，可以进行的操作与HTML面板中的相同。

在HTML面板中，如果你右键点击的标记名称是选择状态（就是通常深蓝色背景高亮那种），在菜单中选择“Look up selection”会执行一个特殊搜索，所有选中的元素、属性已经应用的CSS样式都将被搜索。有时候这个特殊搜索是自动进行的，比如在你选择元素后点击“Reference”面板时，就会自动搜索当前选中元素相关的所有内容。

点击放大

当使用Inspector更能探索不同元素的时候，如果示例代码的侧栏处于打开状态，就将会实时显示当前选中元素的示例代码。

类似的，只要示例代码侧栏处于打开状态，在DOM列表中的选择也会触发显示相应示例代码的操作。当然和HTML面板一样，也包含一个快捷菜单，可以执行查找和显示示例代码的操作。

写在后面

其实个人认为Sitepoint的参考手册要比w3schools.com的实用一些。而且和Firebug集成这个思路很好。但是现在明显还是不够完善，不止是扩展，还有参考手册上资料，尤其是JavaScript部分现在还在测试中，还没有包含进来。但对于Web开发者和设计者，这应该是一个必备的工具，推荐使用。

本文链接：http://www.blueidea.com/tech/web/2009/6530.asp　

出处：七月佑安
责任编辑：bluehearts

上一页 面向Web开发者和设计者的参考手册 [1] 下一页

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。