FireScope：为Firebug添加Web reference

FireScope 是一个Firefox扩展，同时也是一个Firebug扩展，可以帮助用户快速的搜索HTML元素、属性以及CSS属性的参考信息。
以下是 详细特征：

• 你可以查找HTML元素和属性，以及CSS属性（或任何组合查询）。搜索结果是根据输入即时刷新，通常你只需要输入查找内容的前两个字母即可，这样可以帮助你更快的找到结果。





• 查找结果中会显示和浏览器兼容性的相关信息，以及一个简要的使用说明。还提供了一个SitePoint Reference网站的链接，在那里会有更详细的参考信息。





• 鼠标右键点击搜索结果，在菜单中有两个选项：一个是在线查询更多详细信息，另外一个是显示选择项的示例代码。





• 示例代码会在侧栏打开，里面包含的所有实用例子，他们会向你展示如何去使用。同时这些示例代码可以编辑和复制（Firefox 3中直接双击就是全部选择）。





• 在HTML panel中，你可以点击鼠标右键查看任意元素、属性名称或者属性值（包括正在编辑），这时在快捷菜单中你可以进行两项选择，查找你选择的项目，或者显示该项目的示例代码。





• 同样，在CSS panel中你也可以右键单击任意属性名称或者属性值，操作与HTML panel中的相同。





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






• 当使用Inspector选择不同的元素时，如果示例代码的侧栏处于打开状态，就会即时显示当前选中元素的示例代码。





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

查看详细信息：http://tools.sitepoint.com/firescope/