2009-5
24
FireFinder是一款用于刚出不久的Firebug扩展插件。它的功能是通过CSS选择器与XPath表达式来快速查找定位页面的HTML元素。如果您是Firefox的使用者，不妨试一试。
安装后效果图如下：
Firebug扩展插件-Firefinder
它的主要功能：
- 输入CSS选择符或XPath表达式快速定位页面中的HTML元素
- 在页面高亮显示查找到的HTML元素
- 在Firebug面板中列出查找结果
例如：
- 查找所有div下的ul元素，可输入 div ul查找
- 查找id为foo的元素，可输入#foo或xpath表达式//*[@id='foo']查找
- 查找所有class为foo的元素，可输入.foo或xpath表达式//*[contains(@class,'foo')]查找
- 查找所有拥有title属性的元素，可输入*[title]或xpath表达式 //*[@title]查找
查找所有段落的第一个子元素，可输入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手册中查阅。
下载安装该插件：插件主页
延伸阅读:
- 用来武装Firefox的24款Web开发插件
- 快速清除图片瑕疵的绿色小软件Teorex.Inpaint
- CSS书写标准及最佳实践
- 用来武装Firebug的十三款Firefox插件
- 一款难得的钢笔行书简体字体
- 一组免费的高质量Web应用程序图标Icons
- 火狐便携版（Firefox 绿色版）完美推荐
- 通过CSS Sprites技术仅一张图片实现动感菜单
版权声明：
本站内容受著作权法保护。个人网站、blog转载时请遵循 “署名-非商业用途-保持一致” 的创作共用协议；商业网站或媒体未授权不得复制本站内容。
友情提示：
如对本文有任何疑问，或在示例的使用中遇到问题，或有好的建议，欢迎在下面留言共同学习，有问必答。
查找所有段落的第一个子元素，可输入p > *:first-child或xpath表达式//p/*[0]
Note that XPath array syntax uses 1-based arrays instead of JavaScript-style 0-based arrays.
我查了资料，并在firefox下做了测试，确实如你所说。非常感谢你的提示，对错误表示歉意，已经在原文中纠正。 感谢关注CSS9.NET。
This problem had been corrected in IE 6 SP2.
在IE 6 Sp2中情况有所不同么？我的笔记本上时firefox和ie 8，可否进一步解释一下（呵呵，能用中文就更好了）。另外能否提示下如何在IE中测试xpath。
[...] Firefinder在之前发布的一篇日志“一款快速查找页面元素的Firefox插件——FireFinder”，专门介绍过这款插件。不再多说，需要的话去看一下。 [...]
[...] Firefinder在之前发布的一篇日志“一款快速查找页面元素的Firefox插件——FireFinder”，专门介绍过这款插件。不再多说，需要的话去看一下。 [...]
[...] 在之前发布的一篇日志“一款快速查找页面元素的Firefox插件——FireFinder”，专门介绍过这款插件。不再多说，需要的话去看一下。 [...]
i believe you are a good writer, but have you erver thought to write some special artcals for peopel who likes shopping very much. for exaple, the artical aboutlouis vuitton handbags orvibram fivefingers,ghd orchristian louboutin,ugg bootsand
swiss watches as well asmichael jordan shoeschi hair straightener,nfl football apparel,
t shirts. i think more and more people would comr to read your blogs.
[...] 一款快速查找页面元素的Firefox插件——FireFinder [...]
[...] 在之前发布的一篇日志“一款快速查找页面元素的Firefox插件——FireFinder”，专门介绍过这款插件。不再多说，需要的话去看一下。 [...]