下载Firefox39.0版本浏览器,安装firebug和FirePath。最新版的Firefox在扩展组件中无法找到firebug,可以使用旧的版本的Firefox浏览器。
FirePath插件的使用:
1)使用手写XPath和CSS方式查找页面元素
- 启用Firefox浏览器,访问www.baidu.com网页。
- 启动Firebug插件,单击“FirePath”标签栏显示FirePath的使用界面。
-
在上图输入框中输入XPath定位表达式“//input[@id="kw"]”,或者CSS定位表达式“input#kw”,查找页面中input标签的id属性为“kw”的输入框,回车后,在FirePath插件的代码显示区域会显示查找到的页面元素的HTML代码,在网页显示区域中,搜索输入框以虚线框样式显示:
2)使用FirePath插件获取页面元素的XPath和CSS表达式
- 启动FirePath浏览器,访问http://www.baidu.com网页。
- 启动Firebug插件。
- 在百度首页搜索框上方单击鼠标右键,在弹出的快捷菜单中选择“使用Firebug查看元素”命令:
此时在Firebug插件的HTML标签区域高亮显示搜索框对应的HTML代码,选择高亮代码,右键然后点击复制XPath或者复制CSS路径,粘贴到文本文件中即可看到XPath或者CSS表达式: