如何用firefox开发者工具查看元素

一、浏览器自带工具查看元素

1、选中元素，右击选择“Inspect Element”查看元素

2、选择更多—web developer—Inspector选择查看器，页面上移动鼠标，选中元素高亮显示

二、使用Firefox插件查看元素匹配的节点个数

如何添加插件（扩展程序）

1、点击Add-ons（或快捷键Ctrl+Shift+A），页面跳转到Add-ons Manager,点击Extensions扩展程序，搜索可以创建xpath的插件

2、搜索结果有三个，建议使用Try XPath，点击Install安装，点击ADD添加扩展程序，成功后右上角显示“TX”符号

3、点击TX图标，选择“XPATH ANY_TYPE”，在Expression输入XPATH，以搜索框为例，标签为input，属性为class，输入//input[@class=‘search-input’]

4、匹配多个节点（ul 标签下a超链接），点击focus高亮显示元素