绿茵豪门的主场

一款快速查找页面元素的Firefox插件——FireFinder

FireFinder是一款用于刚出不久的Firebug扩展插件。它的功能是通过CSS选择器与XPath表达式来快速查找定位页面的HTML元素。如果您是Firefox的使用者，不妨试一试。

安装后效果图如下：

Firebug扩展插件-Firefinder 

它的主要功能：

1. 输入CSS选择符或XPath表达式快速定位页面中的HTML元素
2. 在页面高亮显示查找到的HTML元素
3. 在Firebug面板中列出查找结果

例如：

1. 查找所有div下的ul元素，可输入 div ul查找
2. 查找id为foo的元素，可输入#foo或xpath表达式//*[@id='foo']查找
3. 查找所有class为foo的元素，可输入.foo或xpath表达式//*[contains(@class,'foo')]查找
4. 查找所有拥有title属性的元素，可输入*[title]或xpath表达式 //*[@title]查找
5. 查找所有段落的第一个子元素，可输入p > *:first-child或xpath表达式//p/*[0]
   下面留言中”大C”指出：“XPath array syntax uses 1-based arrays instead of JavaScript-style 0-based arrays.”，即“相对于javascript中数组从0开始，Xpath语法中的数组是从1开始的”。我查了资料，并在firefox下做了测试，确实如他所说。在这里非常感谢“大C”的提示，对错误表示歉意，并纠正如下： 

   查找所有段落的第一个子元素，可输入p > *:first-child或xpath表达式//p/*[1]

   xpath的相关知识可查阅这里，或在之前发布的“从W3C School整理的最全的Web开发chm手册”中的chm手册中查阅。

下载安装该插件：插件主页